1. 程式人生 > >AngularJS監聽ng-repeat渲染完成後事件

AngularJS監聽ng-repeat渲染完成後事件

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);
    }
}

謝謝.