Ich arbeite an einem Angular2 Anwendung, und ich muss anzeigen - aberdisable ein<a> HTML Element. Was ist der richtige Weg, um dies zu tun?

Aktualisier

Bitte beachten Sie das*ngFor, dies würde die Verwendung von @ verhinde*ngIf und das @ nicht rende<a> Insgesamt.

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

DasTyposkripie @ -Komponente hat eine Methode, die so aussieht:

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

Ich muss tatsächlich verhindern, dass das Element anklickbar ist, und nicht nur, dass es mit dem CSS. Ich nahm an, dass ich möglicherweise an das @ binden muss[disabled] -Attribut zuerst, aber das ist falsch, da das Ankerelement kein @ hdisabled Eigentum

Ich habe mir das @ angeschaut und überlepointer-events: none aber das verhindert meinen Stil voncursor: not-allowed von der Arbeit - und das ist Teil der Anforderung.