angular中如何監控dom渲染完畢

剛剛看到群上乙個人說，他們公司凡是用angular和jquery外掛程式一起用的人，都被解雇了，沒看到這句話之前我很慚愧的說我有這樣用過，其實angular的生態系統那麼完善，完全可以不用去操作任何的dom元素都可以滿足你的提倡開發需求。

那麼如果真的需要用某個jquery外掛程式，自己懶得封裝angular外掛程式或者懶得去找angular外掛程式的時候，我們該怎麼判斷dom載入完畢，

有人說使用ng-init=""

親測：表示沒達到我想要的結果....

當然你如果使用window.onload=function(){}的話，不知道行不行，你可以去試試...

我們先了解一下angular的背景：

angularjs是google開源的前端js框架。使用angularjs, 我們能夠容易地、健壯的開發出類似於gmail一樣的單頁web應用。angularjs這個新興的mvc前端框架，具有以下特點: mvc, 模組化，自動化雙向資料繫結，語義化標籤、依賴注入等。

angular和jquery有什麼不同呢？

jquery的主要目的是簡化js編寫，專注於瀏覽器跨平台，主要用來操作dom.

angularjs主要關注html資料的獲取和呈現，以及應對日益複雜的web應用需求，使得開發龐大的web應用能夠更加容易。

事實上，anguarjs提供了一些對於html進行加強的語義標籤(directive)，這些標籤在瀏覽器載入完頁面後被執行。舉例來說:

id
name
salary
}}}

上面的ng-repeat，就是乙個directive, 相當於乙個for迴圈。在頁面載入完成後，angularjs會遍歷users資料物件，來呈現(render)出這個table中的內容。

return );}}

};});然後，在我們需要監控的地方，加上該directive:

}}}

最後，補充上我們需要render完成之後的js指令碼:

$scope.$on('ngrepeatfinished', function (ngrepeatfinishedevent) );
});