加载内容后要调用的AngularJs事件

Question

加载内容后要调用的AngularJs事件

我有一个函数，我想在加载页面内容后调用。我读到了$ viewContentLoaded，它对我不起作用。我正在寻找类似的东西

document.addEventListener('DOMContentLoaded', function () { 

     //Content goes here 

}, false);

以上调用在AngularJs控制器中对我不起作用。

Answer 1

角度<1.6.Xangular.element(document).ready(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;console.log('page&nbsp;loading&nbsp;completed');});角度> = 1.6.Xangular.element(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;console.log('page&nbsp;loading&nbsp;completed');});

Answer 2

固定 - 2015.06.09使用指令和角元素ready方法如下：JS.directive(&nbsp;'elemReady',&nbsp;function(&nbsp;$parse&nbsp;)&nbsp;{ &nbsp;&nbsp;&nbsp;return&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;restrict:&nbsp;'A', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;link:&nbsp;function(&nbsp;$scope,&nbsp;elem,&nbsp;attrs&nbsp;)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;elem.ready(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$scope.$apply(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;func&nbsp;=&nbsp;$parse(attrs.elemReady); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;func($scope); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;}})HTML<div&nbsp;elem-ready="someMethod()"></div>或者那些使用controller-as语法的人......<div&nbsp;elem-ready="vm.someMethod()"></div>这样做的好处是，您可以根据自己的用户界面广泛或细化，并从控制器中删除DOM逻辑。我认为这是推荐的Angular方式。如果您在同一节点上运行其他指令，则可能需要优先处理此指令。