Angular 如何在matColumnDef中为dynamicly表定义ngfor？

我想要一张有动力的桌子

<div *ngFor="let item of displayedColumns; let i=index">

            <ng-container   matColumnDef={{item}}>
                <th style="margin: 15px;" mat-header-cell *matHeaderCellDef>{{item}}</th>
                <td mat-cell *matCellDef="let element"> {{element.item}} </td>
            </ng-container>

</div>

{{item}}
{{element.item}

{element.item}}未被读取

请尝试以下操作：

<td mat-cell *matCellDef="let element"> {{element[item]}} </td>

{{element[item]}