很多時候，我們需要在ng-repeat渲染完成後再對其進行操作，那麼怎麼知道什麼時候渲染完成呢？

今天工作中就遇到了這個問題，在網上查了一下，感謝大神的無私分享，整理了一下，加深記憶

1.在ng-repeat模板例項內部會暴露出一些特殊屬性$index/$first/$middle/$last/$odd/$even，$index會隨著每次遍歷（從0開始）遞增，當遍歷到最後一個時，$last的值為true，我們可以通過判斷$last的值來監聽ng-repeat的執行狀態，怎麼在遍歷過程中拿到$last的值：自定義指令

指令能夠複用最好，可以通過給指令指定一個處理函式renderFinish

<div id="box">
    <span ng-repeat="item in data" repeat-finish＝"renderFinish()">{{item.str}}</span>
</div>
 

app.directive('repeatFinish',function(){
    return {
        link: function(scope,element,attr){
            console.log(scope.$index)
            if(scope.$last == true){
                console.log('ng-repeat執行完畢')
                scope.$eval( attr.repeatFinish )
            }
        }
    }
})
//controller裡對應的處理函式
$scope.renderFinish = function(){
    console.log('渲染完之後的操作')
}
 

attr獲取到的屬性只是一個字串表示式，$scope.$eval方法是專門執行AngularJS表示式的，通過它處理函式得以執行，這樣，指令用在不同的地方，可傳遞不同的處理函式。

2.使用$timeout也可以達到效果（我感覺此方法比1方法好用），下面是程式碼

app.directive('timeOut',function($timeout){
    return { 
        link: function(scope,element,attr){ 
            $timeout(function(){ 
                //這裡是要執行的程式碼
            },0) 
        } 
    } 
});