代码之家 › 专栏 › 技术社区 › RandomUs1r

角度6-登录后更改页眉/页脚

angular

-1

RandomUs1r · 技术社区 · 7 年前

我的app.component.html文件如下所示:

<app-nav></app-nav>
<router-outlet></router-outlet>
<app-footer></app-footer>

我需要做的是让应用程序导航和应用程序页脚更改为不同的组件/模板时登录。最好的方法是什么?

2 回复 | 直到 7 年前

1

2

Jeto 7 年前

你可以简单地利用 *ngIf :

<app-nav *ngIf="loggedIn"></app-nav>
<app-nav-unlogged *ngIf="!loggedIn"></app-nav-unlogged>
<router-outlet></router-outlet>
<app-footer *ngIf="loggedIn"></app-footer>
<app-footer-unlogged *ngIf="!loggedIn"></app-footer-unlogged>

loggedIn *ngIf="user" / *ngIf="!user" , user 是一个对象,在取消标记时为空)。

2

0

alokstar 7 年前