登录angular2后显示用户名

时间:2017-06-14 13:41:16

标签: angular lumen

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

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

中显示用户名

3 个答案:

答案 0 :(得分:2)

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

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

const user = this.userService.getUser();

在你的HTML中,你可以做一些事情:

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

答案 1 :(得分:2)

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

例如:

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

localstorgae.getItem('userid');

答案 2 :(得分:1)

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