AngularJS監聽ng-repeat渲染完成後事件
阿新 • • 發佈:2019-02-11
1.在html,加上on-finish-render-filters="completeRepeat"
<li ng-repeat="categorie in result.categories" ng-click="clickCategory($index,categorie)" on-finish-render-filters="completeRepeat"> <div class="nav-li-text nav-tab-bor">{{categorie.title}}</div> </li>
2.angularJS 全域性
var myapp = angular.module("myapp",[]); myapp.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(); } } } }; }])
3. angularJS 方法
$scope.completeRepeat= function(){ // 開始騷操作,此改寬度 if($scope.lang_cout > 5 ){ $(".nav-li-text").width(Math.round(960/$scope.lang_cout)-12); } }
謝謝.