How can I conditionally disable the routerLink attribute?

Question

In my Angular 2 application I\'m trying to disable a routerLink without any success. I\'ve tried to handle the click event on the click event (with event.

Answer 1

Disable pointer-events on the element via CSS:

Link

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

See also Angular2, what is the correct way to disable an anchor element?

or

Link
not a link

or to easily reuse the disabled link template

  
not a link

Link