带有按钮和 *ngif 的 RouterLink

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>

记住这一点的一种快速方法是，无论何时涉及属性绑定[]或插值{{ }} ，它们都被解释为表达式。