एक समाधान एक 'notAuthorized' घटना को प्रसारित करना है, और स्थान को फिर से बदलने के लिए इसे मुख्य दायरे में पकड़ना है। मुझे लगता है कि यह सबसे अच्छा समाधान नहीं है, लेकिन इसने मेरे लिए काम किया:
myApp.run(['$rootScope', 'LoginService',
function ($rootScope, LoginService) {
$rootScope.$on('$routeChangeStart', function (event, next, current) {
var authorizedRoles = next.data ? next.data.authorizedRoles : null;
if (LoginService.isAuthenticated()) {
if (!LoginService.isAuthorized(authorizedRoles)) {
$rootScope.$broadcast('notAuthorized');
}
}
});
}
]);
और मेरे मुख्य नियंत्रक में:
$scope.$on('notAuthorized', function(){
$location.path('/forbidden');
});
नोट: कोणीय साइट पर इस समस्या के बारे में कुछ चर्चा है, अभी तक हल नहीं हुई है:
https://github.com/angular/angular.js/pull/4192
संपादित करें:
टिप्पणी का जवाब देने के लिए, यहाँ LoginService कार्यों के बारे में अधिक जानकारी दी गई है। इसमें 3 कार्य शामिल हैं:
- लॉगिन () (नाम भ्रामक है) सर्वर से एक अनुरोध करते हैं कि वह (पहले) लॉग किए गए उपयोगकर्ता के बारे में जानकारी प्राप्त करे। एक और लॉगिन पृष्ठ है जो सर्वर में वर्तमान उपयोगकर्ता स्थिति (बसंतकालीन रूपरेखा का उपयोग करके) को पॉप्युलेट करता है। मेरी वेब सेवाएँ बिल्कुल बेकार नहीं हैं, लेकिन मैंने उस प्रसिद्ध ढांचे को अपनी सुरक्षा को संभालने देना पसंद किया।
- isAuthenticated () बस खोज अगर ग्राहक सत्र डेटा से भरा है, जिसका अर्थ है कि यह पहले (*) प्रमाणित किया गया है
- isAuthorized () संभाला पहुंच अधिकार (इस विषय के लिए गुंजाइश से बाहर)।
(*) मार्ग परिवर्तित होने पर मेरा सत्र आबाद है। मैंने खाली होने पर सत्र को आबाद करने के लिए जब () विधि को ओवरराइड किया है।
यहाँ कोड है:
services.factory('LoginService', ['$http', 'Session', '$q',
function($http, Session, $q){
return {
login: function () {
var defer = $q.defer();
$http({method: 'GET', url: restBaseUrl + '/currentUser'})
.success(function (data) {
defer.resolve(data);
});
return defer.promise;
},
isAuthenticated: function () {
return !!Session.userLogin;
},
isAuthorized: function (authorizedRoles) {
if (!angular.isArray(authorizedRoles)) {
authorizedRoles = [authorizedRoles];
}
return (this.isAuthenticated() && authorizedRoles.indexOf(Session.userRole) !== -1);
}
};
}]);
myApp.service('Session', ['$rootScope',
this.create = function (userId,userLogin, userRole, userMail, userName, userLastName, userLanguage) {
this.userId = userId;
this.userLogin = userLogin;
this.userRole = userRole;
this.userMail = userMail;
this.userName = userName;
this.userLastName = userLastName;
this.userLanguage = userLanguage;
};
this.destroy = function () {
this.userId = null;
this.userLogin = null;
this.userRole = null;
this.userMail = null;
this.userName = null;
this.userLastName = null;
this.userLanguage = null;
sessionStorage.clear();
};
return this;
}]);
myApp.config(['$routeProvider', 'USER_ROLES', function ($routeProvider, USER_ROLES) {
$routeProvider.accessWhen = function (path, route) {
if (route.resolve == null) {
route.resolve = {
user: ['LoginService','Session',function (LoginService, Session) {
if (!LoginService.isAuthenticated())
return LoginService.login().then(function (data) {
Session.create(data.id, data.login, data.role, data.email, data.firstName, data.lastName, data.language);
return data;
});
}]
}
} else {
for (key in route.resolve) {
var func = route.resolve[key];
route.resolve[key] = ['LoginService','Session','$injector',function (LoginService, Session, $injector) {
if (!LoginService.isAuthenticated())
return LoginService.login().then(function (data) {
Session.create(data.id, data.login, data.role, data.email, data.firstName, data.lastName, data.language);
return func(Session, $injector);
});
else
return func(Session, $injector);
}];
}
}
return $routeProvider.when(path, route);
};
$routeProvider.
accessWhen('/home', {
templateUrl: 'partials/dashboard.html',
controller: 'DashboardCtrl',
data: {authorizedRoles: [USER_ROLES.superAdmin, USER_ROLES.admin, USER_ROLES.system, USER_ROLES.user]},
resolve: {nextEvents: function (Session, $injector) {
$http = $injector.get('$http');
return $http.get(actionBaseUrl + '/devices/nextEvents', {
params: {
userId: Session.userId, batch: {rows: 5, page: 1}
},
isArray: true}).then(function success(response) {
return response.data;
});
}
}
})
...
.otherwise({
redirectTo: '/home'
});
}]);