Я работаю над приложением Angular2, и я должен отобразиться - но disable
<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]
припишите сначала, но это неправильно, поскольку элемент привязки не имеет a disabled
свойство.
Я посмотрел на и рассмотрел использование pointer-events: none
но это предотвращает мой стиль cursor: not-allowed
от работы - и это - часть требования.
рассмотрите следующее решение
.disable-anchor-tag {
pointer-events: none;
}
Просто используйте
<a [ngClass]="{'disabled': your_condition}"> This a tag is disabled</a>
Пример:
<a [ngClass]="{'disabled': name=='junaid'}"> This a tag is disabled</a>