¿Cómo puedo deshabilitar condicionalmente el atributo routerLink?

En mi aplicación Angular 2 estoy tratando de desactivar un routerLink sin éxito. Intenté manejar el evento click en el evento click (con event.preventDefault() y event.stopPropagation() ) pero no funciona.

¿Cómo puedo desactivar un routerLink?

Deshabilitar pointer-events en

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

Consulte también Angular2, ¿cuál es la forma correcta de desactivar un elemento de anclaje?

o

 Link 
not a link

o para reutilizar fácilmente la plantilla de enlace deshabilitada

  
not a link
Link

No es necesario deshabilitar ningún evento de puntero:

Modelo:

 Home 

CSS opcional:

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

Descripción:

Cuando homeLinkEnabled devuelve false , null hará que routerLink vincule a la ruta actual / activa.

Si routerLink vincula a la ruta activa, se aplicará la clase que se especifica en routerLinkActive .

Allí podemos especificar cómo debería aparecer el routerLink deshabilitado.

routerLink a la ruta activa no activará un evento de navegación.