MatCellDef Mat-Table проблема с моделью отображения, которая имеет специальный символ

Question

Данные, полученные от другого REST API, содержат имена полей со специальными символами и пробелами между ними.

Например, вместо передачи row.DatasetID, например:

<ng-container matColumnDef="ID">
    <th mat-header-cell *matHeaderCellDef mat-sort-header>ID</th>
    <td mat-cell *matCellDef="let row">{{row.DatasetID}}</td>
</ng-container>

Я хотел бы передать это так:

<ng-container matColumnDef="ID">
    <th mat-header-cell *matHeaderCellDef mat-sort-header>ID</th>
    <td mat-cell *matCellDef="let row">{{row.'Dataset ID'}}</td>
</ng-container>

Как я могу отформатировать отображение, если возвращаемое имя / имя поля содержит пробел или специальные символы, такие как "@"?

Answer 1

Квадратные скобки на помощь:

{{ row['Dataset ID'] }}