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

Html 成功登录后需要显示登录用户名,html,angularjs,Html,Angularjs,我正在构建一个AngularJS应用程序,我想在用户登录时在页面的标题中显示用户信息。类似于“欢迎,{{username}}” 你的努力是热情的 我们无法理解您面临的问题,但由于我也是AnjularJs的新手,我可以理解您的要求,请参见下面的描述 您应该为登录和主页创建不同的路由,比如说/login和/home 然后污损控制器和模板 when('/login',{ templateUrl: 'login.htm',

我正在构建一个AngularJS应用程序,我想在用户登录时在页面的标题中显示用户信息。类似于“欢迎,{{username}}”

你的努力是热情的

我们无法理解您面临的问题,但由于我也是AnjularJs的新手,我可以理解您的要求,请参见下面的描述

  • 您应该为登录和主页创建不同的路由,比如说
    /login
    /home
  • 然后污损控制器和模板

               when('/login',{
                    templateUrl: 'login.htm',
                    controller: 'loginController'
                }).when('/home', {
                    templateUrl: 'home.html',
                    controller: 'homeController'
                })
    
  • 然后在控制器中检查身份验证(最好创建一个身份验证服务来检查用户是否登录)并根据结果重定向

  • 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> 
    
    欢迎{{userName}
    
我也是新的角度,所以如果我做错了什么,请编辑或评论

希望这对你有帮助