本文介绍了一个 AngularJS 自定义指令，该指令能在 ngRepeat 操作完成时触发特定事件，通过 $timeout 和 $emit 实现延迟执行及通知功能。此方法确保了 DOM 更新后的操作顺序。
.directive('onFinishRender',['$timeout', '$parse', function ($timeout, $parse) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
if (scope.$last === true) {
$timeout(function () {
scope.$emit('ngRepeatFinished'); //事件通知
var fun = scope.$eval(attrs.onFinishRender);
if(fun && typeof(fun)=='function'){
fun(); //回调函数
}
});
}
}
}
}])
return {
restrict: 'A',
link: function (scope, element, attrs) {
if (scope.$last === true) {
$timeout(function () {
scope.$emit('ngRepeatFinished'); //事件通知
var fun = scope.$eval(attrs.onFinishRender);
if(fun && typeof(fun)=='function'){
fun(); //回调函数
}
});
}
}
}
}])
扫一扫
906
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
