在angular2

Question

我已經使用這個代碼顯示登錄後的用戶名： （http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial）

但是我已經使用其在腔中創建用於認證服務的API。 現在我想在我的home.component.html中顯示用戶名

Answer 1

雖然登錄在本地存儲設置userid和登錄後從本地存儲獲得userid。

爲例子：

localstorage.setItem('userid',this.model.userid); 

localstorgae.getItem('userid'); 

Answer 2

您應該使用認證服務，將非敏感用戶信息存儲在可觀察屬性中，以便您可以在需要的應用程序中的任何位置引用該服務。然後，將它注入組件後，可以在頁面上顯示它。

Answer 3

在您的驗證服務中，您可以存儲當前登錄用戶的可觀察值。這些數據應該從您的服務器（API）傳遞。

在您的組件，導入服務，並可以執行以下操作：

const user = this.userService.getUser(); 

在你的HTML，你可以做一些事情臨客：

Hello {{user.first}} {{user.last}} !!