Привязка свойств не работает в цикле ngFor

Question

Когда я связываю свое скрытое свойство с переменной, оно работает, но не работает, когда интерполяция связывания в цикле со значением ngFor.

Я пробовал вот так [hidden] = "! (column.key) "и также hidden ="! {{column.key}} "и hidden =" {{! column.key}} "" это не работает таким образом, но работает при привязке непосредственно к переменной, подобной [hidden] = "! name" и name - это моя логическая переменная.

<table mat-table [dataSource]="dataSource">
    <ng-container matColumnDef="{{column.key}}" *ngFor="let column of displayedColumns">
        <th mat-header-cell *matHeaderCellDef [hidden]="!(column.key)"> {{column.key}} </th>
        <td mat-cell *matCellDef="let element" [hidden]="!(column.key)"> {{element[column.value]}} </td>
    </ng-container>
    </ng-container>
    <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
    <tr mat-row *matRowDef="let row; columns: columnsToDisplay;"></tr>
</table>

Скрытое свойство должно работать следующим образом, поскольку column.key имеет то же значение, что и имя переменных.

Answer 1

вы можете использовать *ngIf вместо [hidden].

*ngIf="!(column.key)" будет работать