Я работаю над приложением Angular2, и мне нужно отобразить, но disable
a <a>
HTML-элемент. Каков правильный способ сделать это?
Обновление
Обратите внимание на *ngFor
, это предотвратит возможность использования *ngIf
и не будет полностью отображать <a>
.
<a *ngFor="let link of links"
href="#"
[class.disabled]="isDisabled(link)"
(click)="onClick(link)">
{{ link.name }}
</a>
Компонент TypeScript имеет метод, который выглядит следующим образом:
onClick(link: LinkObj) {
// Do something relevant with the object...
return false;
}
Мне нужно фактически запретить клику элемент, а не просто отображаться с CSS. Я предполагал, что сначала мне нужно связать атрибут [disabled]
, но это неверно, поскольку элемент привязки не имеет свойства disabled
.
Я просмотрел и рассмотрел использование pointer-events: none
, но это не позволяет моему стилю cursor: not-allowed
работать - и это часть требования.