當有一個視圖部分時，UI路由器沒有運行控制器

Question

我有一個很奇怪的問題，它顯然似乎簡單的視圖模板阻止控制器被執行，我不明白爲什麼。 我已經建立了一個簡單的plunker 代碼是在這裏：

angular.module('plunker', ["ui.router"]) 
    .config(function($stateProvider, $urlRouterProvider, $locationProvider) { 
    $urlRouterProvider.otherwise("/nested"); 
    $stateProvider 
     .state('nested', { 
     url: '/nested', 
     controller: function($scope) { 
      $scope.sayHi = 'Hi'; 
      this.sayHello = 'Hello'; 
     }, 
     controllerAs: 'dog', 
     //If I comment the "views" section, controller runs correctly 
     views: { 
      'main': { 
      template: 'MainContent' 
      }, 
      'secondary': { 
      template: 'SecondaryContent' 
      } 
     } 
     }) 
    $locationProvider.html5Mode(false).hashPrefix('!'); 
    }) 

HTML：

<div ui-view> 
    <h1>{{dog.sayHello}}</h1> 
    <h1>{{sayHi}}</h1> 
    <p>Why no "hello" or "Hi" over here?</p> 
    <div ui-view="main"></div> 
    <div ui-view="secondary"></div> 
</div> 

如果我在狀態定義中的「意見」部分註釋掉，控制器正常運行。

[編輯] 感謝拉迪姆，我下定決心朝着意見部分控制器定義：

      views:{ 
          '':{ 
           controller: function ($scope) { 
            this.page = 'ten'; 
           }, 
           controllerAs:'dog' 
          }, 
          'main@nested':{ 
           template:'MainContent' 
          }, 
          'secondary@nested':{ 
           template:'SecondaryContent' 
          } 
         } 

Answer 1

檢查：

• UI-Router Multiple Views Single Controller not work

的controller總是屬於查看，而不是狀態。

有an updated plunker

.state('nested', { 
    url: '/nested', 
    //controller: function($scope) { 
    // $scope.sayHi = 'Hi'; 
    // this.sayHello = 'Hello'; 
    //}, 
    //controllerAs: 'dog', 
    //If I comment the "views" section, controller runs correctly 
    views: { 
     'main': { 
     //template: 'MainContent', - let's use view, to consume dog.sayHello 
     templateUrl: 'view2.html', 
     controller: function($scope) { 
      $scope.sayHi = 'Hi'; 
      this.sayHello = 'Hello'; 
     }, 
     controllerAs: 'dog', 
     }, 
     'secondary': { 
     template: 'SecondaryContent', 
     controller: ... 
     } 
    } 

檢查the updated plunekr