Wenn Else in Angular 4 für routerLink

Question

Ich möchte meine Router-Verbindung Router-Link basierend auf bestimmten Bedingungen auf HTML-Seite verwenden. Ich habe 2 Flaggen IsService und IsUser, wird die Router auf diesen Flags gesetzt basiert,

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

Sie mir bitte sagen, wie ich es von If Else erreichen können.

Answer 1

Dies sollte mit der *ngIf Direktive, z.B.

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

Wenn Sie nicht über eine Spannweite-Tag (für CSS. Gründen) möchten, können Sie einen <ng-container> -tag für diese.

Answer 2

Es gibt viele Möglichkeiten, dies zu tun:

• * ngIf

• [Router] = "yourfunction (variabel)"

• [Router] = "Aussage? ['/ foo']: ['/ bar'] "(Notsure für diesen)