Angular UI Router-模板中的功能不起作用

Question

我正在學習使用Angular UI Router來控制應用程序的不同部分。

看看這個plunkr（ http://plnkr.co/edit/KH7lgNOG7iCAEDS2D3C1?p=preview ）

事情不起作用：

• 加載視圖后，雖然我已經在Homecontroller中將其初始化，但{{logger}}值並未更新。

• 登錄和注銷按鈕無法正常工作。

幫助非常感謝。

Answer 1

原來是一個相當復雜的問題。 要將一個控制器應用於多個視圖，您需要使用ng-controller將控制器直接應用於html（例如ng-controller="HomeController" ，然后在每個視圖中應用單個控制器。

因此，要解決問題，請將controller: 'LoginController'添加到views.navbar對象，然后需要以下兩個控制器。

.controller('LoginController',
  ['$scope','userInfo',function($scope,userInfo){
    $scope.login = function(){
      $scope.model.logger += "Logged in \n";
      $scope.model.user = userInfo;
    }

    $scope.logout = function(){
      $scope.logger += "logged out \n";
      $scope.user = false ;
    }
  }])
.controller('HomeController',
  ['$scope',function($scope){
    $scope.model = {
      user: null,
      logger: 'Nothin to log yet :'
    };
  }]);

這是更新的plnkr ，現在應該可以正常工作了。