Angular 2+:如果没有登录,如何显示消息无论我在哪个页面

时间:2018-01-26 16:57:10

标签: angular angular-routing

Angular 2+:想要给出一条小吃栏消息,说“请登录以查看更多自定义视图”。

方案: 1.用户正在打开任何应用程序URL(可以是用户共享的新闻文章链接,主页或任何页面) 2.如果用户未登录(不存在有效密钥),请在底部显示消息(如材料小吃栏消息),说明plz登录以查看更多自定义视图。

  1. 此消息将在5秒内可用,然后消失。
  2. 之后无需在任何页面上显示此消息。
  3. (如果以上情况不可行 - 所有页面上的信息也应该没问题。)

    任何建议plz ??

1 个答案:

答案 0 :(得分:0)

事实证明解决方案非常简单。添加一个组件来检查authstate,如果没有登录,则在页面上显示它并将其固定在视图端口的底部。

app.component.html

<app-toolbar></app-toolbar>
<router-outlet></router-outlet>
<custom-auth-mes-display-component *ngIf="!isUserLoggedIn"></custom-auth-mes-display-component>,