Когда я использую * ngSwitch в Bootstrap навигационной панели, стиль исчезает - PullRequest
Новая
       26

Когда я использую * ngSwitch в Bootstrap навигационной панели, стиль исчезает

1 голос
/ 29 марта 2020 
<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, но при этой настройке стиль самой ссылки не устанавливается Bootstrap.

1 Ответ

0 голосов
/ 29 марта 2020

Почему вы используете ngSwitch, когда у вас есть только 2 случая? Похоже на излишество. Что еще более важно, у вас есть ul.nav внутри другого ul.nav ... Почему бы не go с этим: 

<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>
...