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
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.