Angularjs - 从$ rootscope设置视图对象

时间:2016-01-08 15:51:54

标签: javascript angularjs

我的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问题,请随时添加有关如何管理此类方案的更多信息。

1 个答案:

答案 0 :(得分:0)

尝试<p>{{HomeCtrl.user}}</p>

您正在为控制器使用别名,如图所示in the documentation,您需要包含该别名以引用其范围。

编辑:由于这已被接受,我会从聊天中链接related plunkr

相关问题