Estou trabalhando em umAngular2 aplicativo e preciso exibir - masdisable a<a> HTML elemento. Qual é a maneira correta de fazer isso?

Atualizada

Observe o*ngFor, isso impediria a opção de usar*ngIf e não renderizando o<a> completamente.

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

oTypeScript O componente possui um método parecido com este:

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

Preciso realmente impedir que o elemento seja clicável, não apenas parecer que ele está com oCSS. Eu estava assumindo que precisava potencialmente me vincular ao[disabled] atributo no início, mas isso está incorreto, pois o elemento âncora não possui umdisabled propriedade.

Eu olhei e considerei usar opointer-events: none mas isso impede o meu estilo decursor: not-allowed do trabalho - e isso faz parte do requisito.