我正在使用UI-Router并检查每个状态的现有令牌开始更改。 此错误仅在首次加载页面时发生。如果我刷新页面它已经消失了。
以下是我认为错误的根源:
.run(['$rootScope', '$location', '$state', '$http', '$window', 'APIROOT', function ($rootScope, $location, $state, $http, $window, APIROOT) {
$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
var isLogin = toState.name === "login";
if (isLogin) {
return;
}
var userInfo = $window.sessionStorage.token;
if (!userInfo) {
event.preventDefault();
$state.go('login');
} else {
$http.get(APIROOT + 'check_token').then(function(resp){
return true;
}).then(function(err){
})
}
});
}]);
我的控制器:
angular.module('app')
.controller('AppCtrl', ['$http', '$scope', '$window', 'APIROOT', AppCtrl]);
function AppCtrl($http, $scope, $window, APIROOT) {
var date = new Date();
var year = date.getFullYear();
$scope.main = {
name: $window.sessionStorage.getItem('name'),
brand: 'Brand',
year: year
};
}
我发现的第一个解决方案是改变" $ stateChangeStart" to" $ stateChangeSuccess"但是我希望它在成功改变之前检查。
我应该修复什么?
答案 0 :(得分:0)
我意识到我的AppCtrl调用$ window.sessionStorage.getItem('name')是未定义的。
所以我修改它:
angular.module('app')
.controller('AppCtrl', ['$http', '$scope', '$window', 'APIROOT', AppCtrl]);
function AppCtrl($http, $scope, $window, APIROOT) {
var date = new Date();
var year = date.getFullYear();
if ($window.sessionStorage.getItem('name')) {
var name = $window.sessionStorage.getItem('name');
} else {
var name = "";
}
$scope.main = {
name: name
brand: 'Brand',
year: year
};
}