指令——点击懒加载

指令：

//自定义加载框
App.register.directive('loadmore', function() {
return {
restrict: 'E',
replace: true,
template: "加载更多数据",
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