当我在 Bootstrap 导航栏中使用 *ngSwitch 时，样式消失了

Question

<ul class='nav navbar-nav'>
                <li class='nav-item'>
                    <ul [ngSwitch]='isLoggedIn' class='nav-item'>
                      <li *ngSwitchCase=true>
                        <a routerLink='/home' id='home' class='nav-item'>Home</a>
                      </li>
                      <li *ngSwitchCase=false>
                        <a routerLink='/login' id='home' class='nav-item'>Home</a>
                      </li>
                    </ul>
                </li>
.
.
.
.

当切换 isLoggedIn 时，link 会发生变化，但使用此设置，link 本身没有 Bootstrap 样式。

Answer 1

当你只有 2 个案例时，为什么要使用 ngSwitch？看起来有点矫枉过正。更重要的是，您在另一个 ul.nav 中有一个 ul.nav... 为什么不这样做：

<ul class="nav navbar-nav">
  <li *ngIf="isLoggedIn">
    <a routerLink="/home" id="home" class="nav-item">Home</a>
  </li>
  <li *ngIf="!isLoggedIn">
    <a routerLink="/login" id="login" class="nav-item">Login</a>
  </li>
</ul>

当我在 Bootstrap 导航栏中使用 *ngSwitch 时，样式消失了

When I use *ngSwitch in a Bootstrap navbar the styling disappears

navbar

ng-switch

bootstrap-4

angular