$ viewContentLoaded không kích hoạt

Question

$viewContentLoaded không bao giờ cháy trong bộ điều khiển Góc của tôi. Sau đây:

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

Không được chạm vào điểm ngắt và không bao giờ bật lên cảnh báo. Tôi nghĩ rằng đây là cách sử dụng khá chuẩn, vì vậy tôi không chắc nó có thể là gì, nhưng nó chắc chắn không bắn. Mọi thứ khác trong bộ điều khiển đều hoạt động bình thường.

Điều gì sẽ gây ra điều này?

Answer 1

Căn cứ vào nhận xét của bạn ở trên, có vẻ như bạn có một cái gì đó như thế này:

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

Tôi không chắc chắn những gì nội dung trong thẻ ng xem sẽ làm, nhưng $viewContentLoaded là phát ra từ phạm vi ng-view. Điều này có nghĩa, nó chỉ đi lên từ ng-view và do đó bộ điều khiển của bạn sẽ không bao giờ bắt được nó.

Answer 2

Tôi đã giải quyết điều này bằng cách chỉ định bộ điều khiển trong nhà cung cấp tuyến đường app.js thay vì sử dụng bộ điều khiển ng trong div trong chế độ xem. Tôi chỉ sử dụng phương pháp này nếu tôi cần sử dụng $ viewContentLoaded, nếu không tôi sử dụng ng-controller.

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

Answer 3

Hãy thử điều này thay vì:

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