Come posso disabilitare condizionalmente l’attributo routerLink?

Nella mia applicazione Angular 2 sto provando a disabilitare un routerLink senza alcun successo. Ho provato a gestire l’evento click sull’evento click (con event.preventDefault() e event.stopPropagation() ) ma non funziona.

Come posso distriggersre un routerLink?

Disabilitazione pointer-events su

 Link a.disabled { pointer-events: none; cursor: default; } 

Vedi anche Angular2, qual è il modo corretto per disabilitare un elemento di ancoraggio?

o

 Link 
not a link

o per riutilizzare facilmente il modello di collegamento disabilitato

  
not a link
Link

Non è necessario disabilitare alcun evento puntatore:

Modello:

 Home 

CSS opzionale:

 .is-active { cursor: default; text-decoration: none; } 

Descrizione:

Quando homeLinkEnabled restituisce false , null renderà routerLink collegamento alla rotta corrente / triggers.

Se routerLink collega al percorso attivo, verrà applicata la class specificata in routerLinkActive .

Qui possiamo specificare come deve apparire il routerLink disabilitato.

routerLink al percorso attivo non attiverà un evento di navigazione.