如何在角度6的不同页面上显示不同的导航栏？

Question

我在应用程序中有4个角色。我只是为每个用户分配一个1,2,3,4之类的值，并在会话中存储登录的用户名和相应的值。

我有一个主页，从中可以导航到其他登录屏幕。在主页中，我需要显示一个导航栏。在不同的登录页面中，我需要显示另一个导航栏，并在登录后显示另一个。

我使用的是通用导航栏，其中我在div中使用* ngIf条件来检查存储在会话中的角色并相应地导航导航栏div。

    <div *ngIf =" role === 'null'" >
      Navbar home
    </div>
    <div *ngIf = "role === '1' ">
      Navbar 1
    </div>
      <div *ngIf = "role === '2'" >
      Navbar 2
    </div>

我的问题是，登录后，我只能看到我的家庭导航栏。只有刷新页面后，才能看到Navbar1。如果我返回，则Navbar 1不会更改为Navbar主页。

有人可以帮我吗？

Answer 1

语法错误，您应将条件嵌入 ""

<div *ngIf="role==='null'">
      Navbar home
</div>
<div *ngIf="role==='1'">
      Navbar 1
</div>
<div *ngIf="role==='2'">
      Navbar 2
</div>