$ viewContentLoaded не стреляет

Question

$viewContentLoaded никогда не срабатывает в моем угловом контроллере.

function MyController($scope) 
{ 
    $scope.$on('$viewContentLoaded', function() 
    { 
     alert("blah"); 
    }); 
} 

Никогда не попадает в точку останова и никогда не вытаскивает предупреждение. Я думаю, что это довольно стандартное использование, поэтому я не уверен, что это может быть, но это определенно не стреляет. Все остальное в контроллере ведет себя правильно.

Что может вызвать это?

Answer 1

Base на ваш комментарий выше, это звучит, как у вас есть что-то вроде этого:

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

я не уверен, что содержание в нг вида тега будет делать, но $viewContentLoaded является излучаемый из область просмотра ng-view. Это означает, что он поднимается только от ng-view, и, таким образом, ваш контроллер никогда не поймает его.

Answer 2

Я решил это, указав контроллер в поставщике маршрутов app.js вместо использования ng-контроллера в div в представлении. Я использую этот метод только в том случае, если мне нужно использовать $ viewContentLoaded, иначе я использую ng-controller.

angular.module('myapp', [...]) 
.config(function ($routeProvider, $locationProvider) { 
    $routeProvider 
     .when('/MyRoute', {templateUrl: 'views/MyView.html', controller: MyController}) 
    }); 

Answer 3

Попробуйте вместо этого:

function MyController($scope) 
    { 
     $scope.$watch('$viewContentLoaded', function() 
     { 
      alert("blah"); 
     }); 
    }