在视图中加载模型数据后的AngularJs事件？

Question

我遇到了问题，我有一个包含内容的html节点是控制器的视图，我正在使用api从服务器获取数据作为html中特定视图的模型。

之后我需要对加载内容的DOM执行一些javascript更改。

所以基本上我想知道事件哪个在页面上绑定模型值后触发？

Answer 1

您可以使用$viewContentLoaded事件

$scope.$on('$viewContentLoaded', function () {
    // manipulate DOM
});

Answer 2

您可以使用等待内容加载的函数

function afterLoad() {
    if( $(MYELEMENT).text!='' ) //jQuery to check if the content is empty
    {
        //Code here
    }
    else
    {
        setTimeout(afterLoad(), 10);
    }
}

Answer 3

你应该看看ng-watch它在模型更新时触发

$scope.$watch("theModel", function(newValue, oldValue){
    // do something with newValue!
});