Html 成功登录后需要显示登录用户名
我正在构建一个AngularJS应用程序,我想在用户登录时在页面的标题中显示用户信息。类似于“欢迎,{{username}}” 你的努力是热情的 我们无法理解您面临的问题,但由于我也是AnjularJs的新手,我可以理解您的要求,请参见下面的描述Html 成功登录后需要显示登录用户名,html,angularjs,Html,Angularjs,我正在构建一个AngularJS应用程序,我想在用户登录时在页面的标题中显示用户信息。类似于“欢迎,{{username}}” 你的努力是热情的 我们无法理解您面临的问题,但由于我也是AnjularJs的新手,我可以理解您的要求,请参见下面的描述 您应该为登录和主页创建不同的路由,比如说/login和/home 然后污损控制器和模板 when('/login',{ templateUrl: 'login.htm',
- 您应该为登录和主页创建不同的路由,比如说
和/login
/home
- 然后污损控制器和模板
when('/login',{ templateUrl: 'login.htm', controller: 'loginController' }).when('/home', { templateUrl: 'home.html', controller: 'homeController' })
- 然后在控制器中检查身份验证(最好创建一个身份验证服务来检查用户是否登录)并根据结果重定向
- 在
中,请求登录用户数据并在视图中显示,如下所示:homeController
home.html: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; } }); }]);
<h1> Welcome {{userName}} </h1>
欢迎{{userName}