Angular UI路由器 - 模板內部的功能不工作

Question

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

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

事情不工作：

• 當視圖加載{{記錄}}在未更新值雖然我已經在初始化它主控制器。

• 登錄和註銷按鈕不按預期工作。

非常感謝。

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 :' 
    }; 
    }]); 

這裏的updated plnkr預期現在應該工作。