Estoy trabajando en unAngular2 aplicación, y necesito mostrar, perodisable un<a> HTML elemento. ¿Cuál es la forma correcta de hacer esto?

Actualizado

Tenga en cuenta el*ngFor, esto evitaría la opción de usar*ngIf y no renderizando el<a> en total.

<a *ngFor="let link of links"
   href="#" 
   [class.disabled]="isDisabled(link)" 
   (click)="onClick(link)">
   {{ link.name }}
</a>

losMecanografiado componente tiene un método que se ve así:

onClick(link: LinkObj) {
    // Do something relevant with the object... 
    return false;
}

Necesito evitar que el elemento sea cliqueable, no solo parecer que está con elCSS. Estaba asumiendo que necesitaba unirme potencialmente al[disabled] atributo al principio, pero esto es incorrecto ya que el elemento de anclaje no tiene undisabled propiedad.

Miré y consideré usar elpointer-events: none pero esto impide mi estilo decursor: not-allowed de trabajar, y esto es parte del requisito.