Aggiungere subordinatamente RouterLink o altre direttive di attributo a un elemento in Angular 2

Question

In Angular 2 se si dispone di un elemento come <button></button>, come è possibile aggiungere condizionatamente una direttiva di attributo come [routerLink]="['SomeRoute'] ad esso?

Answer 1

Per quanto ne so, non esiste un modo semplice per farlo. Ci sono alcune soluzioni ... Ho usato qualcosa di simile:

<button *ngIf="condition" [routerLink]="['SomeRoute']></button> 
<button *ngIf="!condition"></button> 

C'è una discussione simile qui: link

Answer 2

Oppure si può semplicemente aggiungere una condizione per l'attributo.

<button [routerLink]="myVar ? ['/myScreen'] : []"></button> 

Reindirizzare a '/ myScreen' solo se myVar è true.

Answer 3

<div [ngClass] ='{"disabled-link":!isMicrositeEnable,"cursor-pointer":"isMicrositeEnable"}' [routerLink]="isMicrositeEnable ? ['/microsite'] : []">