Функция обратного вызова после того, как dom загружается в угловом

Question

У меня есть фрагмент кода в HTML, где я делаю ng-repeat, чтобы получить список ящиков. Как только дом готов, мне нужно вызвать плагин jquery для изменения размера. Но до того, как дом будет готов, плагин вызывается и ничего не отображается.

Может ли кто-нибудь мне помочь, как я могу получить уведомление о том, что dom обновлен или когда dom готов, чтобы я мог позвонить своему плагину.

Благодаря

Answer 1

Мы можем использовать метод angular.element(document).ready() присоединить обратные вызовы, когда документ будет готов. Мы можем просто подключить обратный вызов в контроллере, как так

function MyCtrl($scope) { 
    angular.element(document).ready(function() { 
     console.log('Hello World'); 
    }); 
} 

Demo

Taken From: https://stackoverflow.com/a/18646795/2025923

Answer 2

Похоже, что вы ищете способ получить уведомление, когда нг повтора осуществляется с рендеринга контента. Вы можете создать такую ​​директиву.

app.directive('ngRepeatEnd', function($rootScope){ 
       return { 
        restrict:'A',     
        link:function(scope, element, attrs){ 
         if(scope.$last){         
          $rootScope.$broadcast('ArrayUpdated');      
         } 
        } 
       }; 
      }); 

Поскольку директива действует в том же объеме, как нг-повтор, вы можете получить доступ к $last переменным, представленным нг-повтор. $ last будет верным для последнего повторного значения. Таким образом, мы можем транслировать событие и перехватывать его в контроллере.

app.controller('DefaultController', function($scope){ 
     $scope.$on('ArrayUpdated', function(){ 
      //Your callback content here. 
    }); 
});