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

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

  •  -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 年前

    推荐文章