AngularJS监听ng-repeat渲染完成的两种方法
程序员文章站
2022-07-05 20:19:31
本文实例讲述了angularjs监听ng-repeat渲染完成的两种方法。分享给大家供大家参考,具体如下:
监听ng-repeat渲染完成有两种方法
一、最实用的方法:...
本文实例讲述了angularjs监听ng-repeat渲染完成的两种方法。分享给大家供大家参考,具体如下:
监听ng-repeat渲染完成有两种方法
一、最实用的方法:
<ul class="pprt_content"> <li ng-repeat="src in imagehotlist track by $index" ng-click='gogoodsdet(src.goodsid,src.merchid)' on-finish-render-filters="completerepeat"> <img ng-src="{{producturl}}{{src.imagename}}"> </li> </ul>
对应作用域controller:
$scope.completerepeate= function(){ alert('1') }
自定义指令directive:
var app = angular.moduler('myapp',[]); app.directive('onfinishrenderfilters', ['$timeout', function ($timeout) { return { restrict: 'a', link: function(scope,element,attr) { if (scope.$last === true) { var finishfunc=scope.$parent[attr.onfinishrenderfilters]; if(finishfunc) { finishfunc(); } } } }; }])
二、使用广播事件
/* * controller文件中的代码 * setup general page controller */ metronicapp.controller('simplemanagecontroller', ['$rootscope', '$scope', 'settings','$http', function($rootscope, $scope, settings,$http) { $scope.$on('ngrepeatfinished', function (ngrepeatfinishedevent) { //下面是在table render完成后执行的js formeditable.init(); metronic.stoppageloading(); $(".simpletab").show(); }); }); metronicapp.directive('onfinishrenderfilters', function ($timeout) { return { restrict: 'a', link: function(scope,element,attr) { if (scope.$last === true) { $timeout(function() { scope.$emit('ngrepeatfinished'); }); } } }; });
html
<!--html页面的代码,添加标签onfinishrenderfilters(格式有变):on-finish-render-filters--> <tr style="display: none" class="simpletab" ng-repeat="simpleproduct in simpleproducts" on-finish-render-filters> <td> {{simpleproduct.productno}} </td> </tr>
更多关于angularjs相关内容感兴趣的读者可查看本站专题:《angularjs指令操作技巧总结》、《angularjs入门与进阶教程》及《angularjs mvc架构总结》
希望本文所述对大家angularjs程序设计有所帮助。
上一篇: 简单实现AngularJS轮播图效果
下一篇: 微信小程序实现流程进度的图样式功能
推荐阅读
-
监听angularJs列表数据是否渲染完毕的方法示例
-
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
-
AngularJS监听ng-repeat渲染完成的方法
-
AngularJS监听ng-repeat渲染完成的两种方法
-
AngularJS监听ng-repeat渲染完成后事件
-
监听angularJs列表数据是否渲染完毕的方法示例
-
ng-repeat渲染完成如何用AngularJS监听
-
AngularJS监听ng-repeat渲染完成的方法
-
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
-
AngularJS监听ng-repeat渲染是否完成?这里有问题的过程详情