[英]AngularJS - Waiting for an asynchronous call
我開始學習AngularJS,到目前為止一直很好,但我目前仍然關注一個關於同步函數的小問題。
我想在執行其余代碼之前調用並返回函數AuthenticationSharedService.login()
。 我怎樣才能做到這一點?
app.js
myApp.config(['$routeProvider', '$httpProvider', 'USER_ROLES',
function ($routeProvider, $httpProvider, USER_ROLES) {
$routeProvider
.when('/login', {
templateUrl: 'views/login.html',
controller: 'LoginController',
access: {
authorizedRoles: [USER_ROLES.all]
}
})
.when('/error', {
templateUrl: 'views/error.html',
access: {
authorizedRoles: [USER_ROLES.all]
}
})
.otherwise({
templateUrl: 'views/main.html',
controller: 'MainController',
access: {
authorizedRoles: [USER_ROLES.user]
}
});
}])
.run(['$rootScope', '$location', 'AuthenticationSharedService', 'Session', 'USER_ROLES',
function($rootScope, $location, AuthenticationSharedService, Session, USER_ROLES) {
$rootScope.$on('$routeChangeStart', function (event, next) {
<!-- Bit of code to execute before going further -->
if (!Session.login) {
console.log('First attempt to login');
AuthenticationSharedService.login();
}
<!-- /////////////////////////////////////////// -->
if (AuthenticationSharedService.isAuthenticated()) {
// user is not allowed
$rootScope.$broadcast("event:auth-notAuthorized");
} else {
// user is not logged in
$rootScope.$broadcast("event:auth-loginRequired");
}
});
}]);
authenticationSharedService.js
myApp.factory('AuthenticationSharedService', ['$rootScope', '$http', '$cookieStore', 'authService', 'Session', 'Account',
function ($rootScope, $http, $cookieStore, authService, Session, Account) {
return {
login: function () {
return Account.get(function(data) {
Session.create(data.login, data.roles);
authService.loginConfirmed(data);
});
}
};
}]);
你需要使用解決方案。 請參閱http://docs.angularjs.org/api/ngRoute/provider/ $ routeProvider或http://www.bfcamara.com/post/66001429506/authentication-in-a-spa-with-angular-此第二個鏈接是挺好的
Resolve是應該注入控制器的依賴關系的映射。 如果任何映射對象是函數,則將評估函數並注入其返回值。 如果函數返回promises,則在解析promise之前不會呈現視圖。
僅供參考,如果承諾被拒絕,則根本不會呈現視圖。 您可能希望在$ rootScope中處理這種情況。$ on('routeChangeError',functionToHandleRejection)
這是一個適合您的示例:
.when('someUrl', {
resolve: {
object: function(AuthenticationSharedService) {
return AuthenticationSharedService.login();
}
}
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.