Я работаю надAngular2 приложение, и мне нужно отобразить - ноdisable <a> HTML элемент. Как правильно это сделать?

обновленный

Пожалуйста, обратите внимание*ngFor, это предотвратит возможность использования*ngIf и не рендеринг<a> в целом.

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

Машинопись Компонент имеет метод, который выглядит следующим образом:

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

Мне нужно на самом деле предотвратить щелчок элемента, а не просто показывать, что это сCSS, Я предполагал, что мне нужно потенциально привязать к[disabled] атрибут, но это неверно, так как элемент привязки не имеетdisabled имущество.

Я посмотрел и подумал об использованииpointer-events: none но это мешает моему стилюcursor: not-allowed от работы - и это является частью требования.