Ionic 2.檢查在應用程序啓動期間是否登錄

Question

如何在啓動應用程序時檢查用戶是否已登錄。如果登錄，請將用戶引導至主頁，否則將用戶引導至LoginPage。

我想在成功登錄存儲後存儲布爾值。當我啓動應用程序時，我想查看存儲是否包含某些內容？

this.storage.get('name').then((name) => { 
    console.log('Your name is', name); 
    this.sessa = name; 
    console.log('Your name is', this.sessa); 
}); 
if(this.sessa == null){ 
    this.rootPage = LoginPage; 
} 
else if (this.sessa != null) { 
    this.rootPage = HomePage; 
} 

換句話說。如何在成功登錄後將登錄頁面的值傳遞給app.component.ts。謝謝

Answer 1

在組件中爲app.component.ts文件放置一些條件邏輯，如果已登錄，請將rootPage設置爲您的主頁，否則將rootPage設置爲您的登錄頁面的組件。

Answer 2

從我正在閱讀的評論和解決方案中，我認爲您需要修正流程。讓我爲你做到這一點：

1. 應用程序啓動。
2. 檢查一些用戶是否已經登錄。
3. 如果是，請轉到主頁。如果沒有，進入LoginPage。

現在，這真的很容易。由於您在檢查if(this.sessa == null)時沒有加載您的名字，因此失敗。另外，我認爲在你的存儲中爲isLoggedIn設置一個布爾值會比從名稱變量中理解更好。在你的代碼修復這樣的：

this.storage.get('isLoggedIn').then((isLoggedIn) => { 
    console.log('Is Logged in : ', isLoggedIn); 
    this.loggedIn = isLoggedIn; 
    if(!this.loggedIn){ 
     this.rootPage = LoginPage; 
    } 
    else if(this.loggedIn) { 
     this.rootPage = HomePage; 
    } 
}); 

現在，爲了回答你的第二個問題，關於你想從LoginPage傳遞價值app.component.ts，你需要創建這個事件，從申請開通app.component.ts並在登錄完成後發佈它。

查看離子2文檔中的事件here。另外，我已經回答了它here。通過離子團隊的會議應用程序here。他們已經做到了。如果這對你沒有幫助，請詢問具體情況。