登录angular2后显示用户名

Question

我使用过这段代码： （http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial）

但是我使用了在流明中创建的api来进行身份验证服务。 现在我想在home.component.html

中显示用户名

Answer 1

在您的身份验证服务中，您可以存储当前登录用户的可观察对象。这些数据应该从您的服务器（API）传递。

在您的组件中，您导入服务，并可以执行以下操作：

const user = this.userService.getUser();

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

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

Answer 2

登录时在本地存储中设置userid，登录后从本地存储中获取userid。

例如：

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

localstorgae.getItem('userid');

Answer 3

您应该使用将非敏感用户信息存储在可观察属性中的身份验证服务，以便您可以在应用程序中的任何位置引用它。然后，您可以在将其注入组件后将其显示在页面上。