Question

我正在构建一个AngularJS应用程序，我希望在用户登录时在页面标题中显示用户信息。例如＆＃34;欢迎，{{username}}＆＃34;。

Answer 1

你的努力是Zeor。

我们无法理解你面临的问题但是我也是AnjularJs的新手，我可以理解你的要求，看看下面的描述。

你应该为登录和家庭创建不同的路径，让我们说/login和/home。

然后为两者控制控制器和模板。

           when('/login',{
                templateUrl: 'login.htm',
                controller: 'loginController'
            }).when('/home', {
                templateUrl: 'home.html',
                controller: 'homeController'
            })

然后在控制器中检查身份验证（最好创建一个Auth服务以检查用户是否登录）并根据结果重定向。

在homeController请求登录用户数据并在视图中显示如下内容：

  mainApp.controller('homeController', ['$scope', '$http', '$location',
    function($scope, $http, $location) {
        var uAjax = $http.get("/getUser");
        uAjax.success(function(data) {
            if (data === 'failed')
            {$location.url('/login');}
            else{
                 $scope.userName = data.username;
            }
        });

}]);

home.html的：

<h1> Welcome {{userName}} </h1>

我也是新角色，所以如果我做错了，请编辑或评论。

希望这会对你有所帮助。

成功登录后需要显示登录用户名

1 个答案: