AngularJS-從$ rootscope設置視圖對象

Question

我的angularjs Webapp包含登錄視圖和主視圖。

登錄后，我希望保存我的憑據，以便將來使用它們。

為此，我將它們保存在$ rootScope中。

現在在我的homeController中，我將它們設置為$ scope：

$scope.user = $rootScope.user;
$scope.password = $rootScope.password;

在我的HomeController中，該值已正確傳遞。

當我嘗試使用{{using}}將$ scope.user的值設置為DOM時，它似乎不起作用。

這是HomeController

'use strict';

angular.module('Home')

.controller('HomeController', ['$scope', '$rootScope',

    function ($scope, $rootScope) {    
        $scope.user = $rootScope.username;
    }]); 

這是我的主視圖：

<div ng-controller="HomeController as HomeCtrl">
    <h1></h1>
    <p>{{user}}</p>

    <p><a href="#/login">Logout</a></p>
</div>

我究竟做錯了什么？ 很抱歉nooby問題，您可以隨時添加有關如何管理這種情況的更多信息。

Answer 1

嘗試<p>{{HomeCtrl.user}}</p> 。

您正在為控制器使用別名，如文檔中所示，您需要包括該別名以引用其范圍。

編輯：由於被接受，所以我將從聊天鏈接相關的plunkr 。