Column Sorting for "Angular CDK Tables" article

snippet.column-with-sorting.table.component.html

<!-- Hero Name Column -->
<ng-container cdkColumnDef="name">
  <th cdk-header-cell *cdkHeaderCellDef (click)="adjustSort('name')">
    Hero Name
    <span *ngIf="sortKey$.value === 'name'">
      {{ sortDirection$.value === 'asc' ? '↥' : '↧' }}
    </span>
  </th>
  <td cdk-cell *cdkCellDef="let row"> {{row.name}} </td>
</ng-container>