如果是Angular 4中的Else for routerLink

时间:2017-09-12 17:34:46

标签: angular typescript

我想根据html页面上的某些条件使用我的锚标记&rbsp; routerLink。 我有2个标志IsService和IsUser,routerLink将根据这些标志设置,

<a routerLink="/services" class="navbar-brand">Our Services</a>

请告诉我如何通过If Else实现它。

2 个答案:

答案 0 :(得分:1)

这应该可以使用*ngIf指令,例如

<span *ngIf="isUser">
    <a routerLink="user">User</a>
</span>
<span *ngIf="isService">
    <a routerLink="service">Service</a>
</span>

如果您不想使用span-tag(出于CSS原因),可以使用<ng-container> - 标记。

答案 1 :(得分:0)

有很多方法可以做到这一点:

  • * ngIf

  • [routerLink] =&#34; yourFunction中(变量)&#34;

  • [routerLink] =&#34;语句[&#39; /富&#39;〕:[&#39; /栏&#39;]&#34; (不知道这个)