Angular2, что корректный путь состоит в том, чтобы отключить элемент привязки?

Я работаю над приложением 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 от работы - и это - часть требования.

58
задан 3 May 2016 в 18:45

2 ответа

рассмотрите следующее решение

.disable-anchor-tag { 
  pointer-events: none; 
}
0
ответ дан 1 November 2019 в 13:58

Просто используйте

<a [ngClass]="{'disabled': your_condition}"> This a tag is disabled</a>

Пример:

 <a [ngClass]="{'disabled': name=='junaid'}"> This a tag is disabled</a>
-1
ответ дан 1 November 2019 в 13:58

Другие вопросы по тегам:

Похожие вопросы: