AngularJs事件在内容加载后调用

发布时间：2020-12-17 09:13:19 所属栏目：安全来源：网络整理

导读：我有一个函数，我想在页面内容加载后调用。我读了关于$ viewContenLoaded，它不适合我。我在找东西 document.addEventListener('DOMContentLoaded',function () { //Content goes here },false); 上面的调用不适用于我在AngularJs控制器。根据 $viewContent

我有一个函数，我想在页面内容加载后调用。我读了关于$ viewContenLoaded，它不适合我。我在找东西

document.addEventListener('DOMContentLoaded',function () { 
     //Content goes here 
},false);

上面的调用不适用于我在AngularJs控制器。

根据 $viewContentLoaded的文档，它应该工作

Emitted every time the ngView content is reloaded.

$ viewContentLoaded事件被发射，这意味着接收这个事件你需要一个父控制器

<div ng-controller="MainCtrl">
  <div ng-view></div>
</div>

从MainCtrl，你可以监听事件

$scope.$on('$viewContentLoaded',function(){
    //Here your view content is fully loaded !!
  });

检查Demo

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!