page - Agregue condicionalmente RouterLink u otras directivas de atributos a un elemento en Angular 2

rutas angular 5

Question

En Angular 2, si tengo un elemento como <button></button> ¿cómo puedo agregar condicionalmente una directiva de atributo como [routerLink]="[''SomeRoute''] ?

Answer 1

O simplemente puede agregar una condición al atributo.

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

Redirigir a ''/ myScreen'' solo si myVar es verdadero.

Answer 2

Que yo sepa, no hay una manera directa de hacer esto. Hay algunas soluciones ... Utilicé algo como esto:

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

Hay una discusión similar aquí: link

Answer 3

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