Question

我们有一个使用AngularJS构建的网站，一些组件需要一段时间才能加载。我要做的是创建一个在加载所有组件时触发的事件。我可以使用带有load事件的标签选择器。但是，组件的自定义标签可能会改变，我宁愿不依赖它。所以问题是......有没有办法创建一个不依赖于标签名称的事件处理程序，但是当页面上的所有加载完成时都会触发。

Answer 1

我认为如果您使用角度UI路线，这可能对您有用。

$ viewContentLoading - 在呈现DOM之前，在视图开始加载时触发。 '$ rootScope'广播事件。

$rootScope.$on('$viewContentLoading', 
function(event, viewConfig){ 
   //Do something
});

$ viewContentLoaded - 在呈现DOM之后加载视图时触发。视图的“$ scope”会发出事件。

$scope.$on('$viewContentLoaded', 
function(event){ 

//Do something
});

或者您可以尝试角度$window对象。

$window.onload = function(e) {
  //do something
}

检查所有元素已完成加载

1 个答案: