最佳答案
AngularJS-每个路由器和控制器中的登录和认证
我有一个 AngularJS 应用程序创建使用文书，步兵和鲍尔。
我有一个登录页面，其中有一个检查身份验证的控制器。如果凭证是正确的，我重新路由到主页。
应用程序
'use strict';
//Define Routing for app
angular.module('myApp', []).config(['$routeProvider', '$locationProvider',
function($routeProvider,$locationProvider) {
$routeProvider
.when('/login', {
templateUrl: 'login.html',
controller: 'LoginController'
})
.when('/register', {
templateUrl: 'register.html',
controller: 'RegisterController'
})
.when('/forgotPassword', {
templateUrl: 'forgotpassword.html',
controller: 'forgotController'
})
.when('/home', {
templateUrl: 'views/home.html',
controller: 'homeController'
})
.otherwise({
redirectTo: '/login'
});
// $locationProvider.html5Mode(true); //Remove the '#' from URL.
}]);
angular.module('myApp').factory("page", function($rootScope){
var page={};
var user={};
page.setPage=function(title,bodyClass){
$rootScope.pageTitle = title;
$rootScope.bodylayout=bodyClass;
};
page.setUser=function(user){
$rootScope.user=user;
}
return page;
});
LoginControler.js
'use strict';
angular.module('myApp').controller('LoginController', function($scope, $location, $window,page) {
page.setPage("Login","login-layout");
$scope.user = {};
$scope.loginUser=function()
{
var username=$scope.user.name;
var password=$scope.user.password;
if(username=="admin" && password=="admin123")
{
page.setUser($scope.user);
$location.path( "/home" );
}
else
{
$scope.message="Error";
$scope.messagecolor="alert alert-danger";
}
}
});
在主页上我有
<span class="user-info">
<small>Welcome,</small>
{{user.name}}
</span>
<span class="logout"><a href="" ng-click="logoutUser()">Logout</a></span>
在 loginController中，我检查登录信息，如果成功，我将在服务工厂中设置用户对象。我不知道这是否正确。
我需要的是，当用户登录时，它在用户对象中设置一些值，这样所有其他页面都可以得到该值。
无论何时发生任何路由更改，控制器都应该检查用户是否登录。如果没有，它应该重新路由到登录页面。此外，如果用户已经登录并返回到页面，它应该进入主页。控制器还应该检查所有路由上的凭据。
我听说过 N- 饼干，但我不知道如何使用它们。
我看到的许多示例都不是很清楚，它们使用某种访问角色或其他东西。我不想那样。我只想要一个登录过滤器。 有人能给我点建议吗？
