angularJs - 滚动加载

以前写过vue 滚动加载、angular8 滚动加载，这次遇到angularJs 滚动加载，记录一下

1， html 页面

需要在滚动的div 上添加控制代码 ng-controller="myProController" 和滚动指令 when-scrolled="scrolledLoadMore()"

个人库系统库 0"> -1">{imgfile.obj_name}}">{{imgfile.obj_name}}暂无数据 30">没有更多了

2，js 代码

.controller ("myProController", [ "$scope", function ( $scope ) {// 触发事件$scope.scrolledLoadMore = function() {$scope.$parent.$parent.getImageListMore();}}]).directive ('whenScrolled', function () {return function ( scope, elm, attr ) {// 内层DIV的滚动加载var raw = elm[ 0 ];elm.bind ('scroll', function () {if ( raw.scrollTop + raw.offsetHeight >= raw.scrollHeight ) {scope.$apply (attr.whenScrolled);}});};
});

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！