如何使用Angular2根据特定条件使指向表中列的超链接不可单击

<table>
  <tr *ngFor="let row of tableData">
    <td>
      <a [href]="row.link" [class.disabled]="row.disableLink">{{ row.column }}</a>
    </td>
  </tr>
</table>

export class MyComponent {
  tableData = [
    { column: 'Column 1', link: 'http://example.com', disableLink: false },
    { column: 'Column 2', link: 'http://example.com', disableLink: true },
    { column: 'Column 3', link: 'http://example.com', disableLink: false }
  ];
}

a.disabled {
  pointer-events: none;
  color: gray;
  text-decoration: none;
}