Angular 带有按钮和*ngif的RouterLink

Angular 带有按钮和*ngif的RouterLink,angular,Angular,我使用*ngIf根据变量路由到不同的页面。当我点击按钮时,什么也没发生。链接确实存在。这是我的代码: <button mat-button > <span class="label" >Micro Memoirs</span> <div *ngIf="signedIn else elseBlock"> <a [route

我使用*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>

微型回忆录

您不一定需要
*ngIf
指令。您可以将该条件直接包含在
[routerLink]
绑定中。试试下面的方法


微型回忆录

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

您不一定需要
*ngIf
指令。您可以将该条件直接包含在
[routerLink]
绑定中。试试下面的方法


微型回忆录
记住这一点的一个快速方法是,每当涉及属性绑定
[]
或插值
{{}}
时,它们都被解释为表达式