[英]How can I fix 'Maximum call stack size exceeded' AngularJS
我正在使用AngularJs和Ui-Router,我正在嘗試設置兩個不同的主頁,一個用於登錄的用戶,另一個用於非用戶。 但是我收到以下錯誤:
RangeError: Maximum call stack size exceeded
我運行了console.trace()
,我發現有一個問題導致狀態無限循環(或類似的東西)。 BUt我不知道如何解決它。
這是生成錯誤的代碼。
.run(function ($rootScope, $state, $location, Auth) {
$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState) {
if(fromState.name === "") {
if (Auth.isLoggedIn()) {
$state.go('main');
event.preventDefault();
} else {
$state.go('welcome');
event.preventDefault();
}
} else {
if (toState.authenticate && !Auth.isLoggedIn()) {
$location.path('/login');
event.preventDefault();
}
}
});
據我所知,它似乎源於if(fromState.name === "")
我創建了一個示例 ,使用默認頁面和auth / unauth用戶。 在這里可以看到類似的問題
首先,這將是聽眾:
app.run(function ($rootScope, $state, $location, Auth) {
$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState) {
var shouldLogin = toState.data !== undefined
&& toState.data.requireLogin
&& !Auth.isLoggedIn ;
// NOT authenticated - wants any private stuff
if(shouldLogin)
{
$state.go('login');
event.preventDefault();
return;
}
// authenticated (previously) comming not to root main
if(Auth.isLoggedIn)
{
var shouldGoToMain = fromState.name === ""
&& toState.name !== "main" ;
if (shouldGoToMain)
{
$state.go('main');
event.preventDefault();
}
return;
}
// UNauthenticated (previously) comming not to root public
var shouldGoToPublic = fromState.name === ""
&& toState.name !== "public"
&& toState.name !== "login" ;
if(shouldGoToPublic)
{
$state.go('public');console.log('p')
event.preventDefault();
}
// unmanaged
});
});
怎么了?
以下是各州:
$stateProvider
// available for anybody
.state('public',{
url : '/public',
template : '<div>public</div>',
})
// just for authenticated
.state('main',{
url : '/main',
template : '<div>main for authenticated</div>',
data : {requireLogin : true },
})
// just for authenticated
.state('other',{
url : '/other',
template : '<div>other for authenticated</div>',
data : {requireLogin : true },
})
// the log-on screen
.state('login',{
url : '/login',
templateUrl : 'tpl.login.html',
controller : 'LoginCtrl',
})
使用$ state.go(“main”,{},{notify:false}); 不通知“$ stateChangeStart”事件。
// NOT authenticated - wants any private stuff
if(shouldLogin)
{
$state.go("main", {}, {notify:false});
event.preventDefault();
return;
}
// authenticated (previously) comming not to root main
if(Auth.isLoggedIn)
{
var shouldGoToMain = fromState.name === ""
&& toState.name !== "main" ;
if (shouldGoToMain)
{
$state.go("main", {}, {notify:false});
event.preventDefault();
}
return;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.