Как сделать гиперссылку без кликов на основе определенных условий на столбец таблицы с помощью Angular2

Question

У меня есть таблица с 4 столбцами - имя, идентификатор, отдел, город, и я предоставляю данные о строках и данные столбца как массив из файла машинописных файлов и итерации через * ngFor. Вот мой фрагмент кода

<tbody> 
    <tr *ngFor="let rowData of data | orderBy:convertSorting()"> 
     <td *ngFor="let column of columns; let idx=index"> 
      <span *ngIf="idx == 1 && someCondition"> 
       <a href="your-target-url">{{rowData[column.columnValue] | format:column.filter}}</a> 
      </span> 
      <span *ngIf="idx != 1"> 
       {{rowData[column.columnValue] | format:column.filter}} 
      </span> 
     </td> 
    </tr> 
</tbody> 

Я предоставил гиперссылку на все строки второго столбца i.e города. Я хочу сделать это не кликабельным, если «someCondition» - false. Как мне это?

Answer 1

Angular2, what is the correct way to disable an anchor element?

a.disabled { 
    pointer-events: none; 
    cursor: not-allowed; 
} 

<a [class.disabled]="!someCondition" href="your-target-url">