Контроллер для просмотра в состоянии

Question

Я пытаюсь определить контроллер в абстрактном состоянии, чтобы я мог иметь один контроллер для всех своих представлений, но функции внутри контроллера не вызываются, если контроллер определен снаружи.

.state('update', { 
     url : '/update', 
     abstract: true, 
     template: '<ui-view/>', 
     controller : function($scope) { //works 
      $scope.hello = function() { 
       alert("hello"); 
      } 
     } 
     controller : 'updateController' // Doesn't work 
    }) 
    .state('update.detail', { 
     url : '/view/:id', 
     views : { 
      "" : { 
       templateUrl : 'update-detail.html' 
      }, 

      "header@update.detail" : { 
       templateUrl : 'header.html' 
      }, 
      "genericnavigation@update.detail" : { 
       templateUrl : 'generic-navigation.html' 
      }, 
      "mnavigation@update.detail" : { 
       templateUrl : 'mobile-navigation.html' 
      }, 
      "updatecontent@update.detail" : { 
       templateUrl : 'update-content.html' 
      } 
     } 
    }) 

HTML

header.html 
<div ng-click="hello();"></div> //Click event doesn't get fired for (controller : 'updateController') 


app.controller('updateController', ['$scope', '$state', function($state, $scope) { 
console.log("inside update") 
$scope.hello = function() { 
     alert("hello"); 
} 
}]); 

Answer 1

Посмотрите, как вы определили ваш контроллер:

['$scope', '$state', function($state, $scope) 

аргументы не в правильном порядке. Таким образом, переменная $ state на самом деле является областью действия, а переменная $ scope на самом деле является состоянием.