RouterLink с кнопкой и * ngif

Question

Я использую * ngIf для перехода на другую страницу на основе переменной. Когда я нажимаю на кнопку, ничего не происходит. Ссылки действительно существуют. Это мой код:

        <button mat-button   >
          <span class="label" >Micro Memoirs</span>
          <div *ngIf="signedIn else elseBlock">
            <a [routerLink]="['/story']"></a>
          </div>
          <ng-template #elseBlock>
          <a [routerLink]="['/auth']">  </a>
          </ng-template>
       </button>

Answer 1

Вам не обязательно нужна директива *ngIf. Вы можете включить условие прямо в привязку [routerLink]. Попробуйте следующее

<button mat-button [routerLink]="signedIn ? ['/story'] : ['/auth']">
  <span class="label" >Micro Memoirs</span>
</button>

. Один из быстрых способов запомнить это заключается в том, что всякий раз, когда задействована привязка свойств [] или интерполяция {{ }}, они интерпретируются как выражения.