指令——点击懒加载

指令：

//自定义加载框
App.register.directive('loadmore', function() {
return {
restrict: 'E',
replace: true,
template: "<button style='width:50%;border:1px solid #d7d7d7;background:white;color:#22bbf5;margin:6px 25% 0 25%;' id='fat-btn' data-loading-text='载入中...'' class='btn' ng-click='loadmore()'>加载更多数据</button>",
link: function(scope, element, attrs, controller) {
var method = attrs["method"];
var model = attrs["model"];
//默认十行一次分页
scope.loadmore = function() {
scope.loadresults = scope[model];
console.log(scope.loadresults);
scope.num++;
scope[method](10, scope.num, function(data) {
if (data != null) {
scope.loadresults = scope.loadresults.concat(data);
scope.$apply();
console.log(scope.loadresults);
scope[model] = scope.loadresults;
}
});
}
}
}
});

使用方式：

image.png

使用效果：

image.png