Проверка всех элементов завершена загрузка

Question

У нас есть сайт, построенный с использованием AngularJS, и некоторые компоненты требуют времени для загрузки. То, что я хотел бы сделать, - создать событие, которое будет срабатывать при загрузке всех компонентов. Я мог бы использовать селектор меток с событием загрузки. Однако пользовательский тег для компонентов может измениться по дороге, и я предпочитаю не полагаться на это. Итак, вопрос в том, есть ... есть способ создать обработчик событий, который не полагается на имя тега, но будет запущен, когда все загрузки на странице будут выполнены.

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 
}