单元中的角垫表动态特性

时间:2019-12-02 15:03:02

标签: angular typescript

我正在关注this,但我的案例与来自Api的动态数据(元素和列)略有不同

Element_Data

{name: 'Hydrogen', weight: 1.0079, symbol: 'H'}

displayedColumn

["name","weight","symbol"]

在我的情况下,我像这样循环进入displayColumn并推送到列

for(var x = 0 ;x<this.displayedColumns.length;x++){

  this.columns.push( {columnDef: this.displayedColumns[x], header: this.displayedColumns[x],    cell: 
 (element: any) => `${ element.date}`});
}

 this.displayedColumns = this.columns.map(c => c.columnDef);

 this.DataSet  =  Observable.of(this.Element_Data);

问题

这个问题出在这句话

  

$ {element.date}`}

当我使用动态数据时,我无法为每个元素写静态属性名称,它应该是动态的,例如

 {this.displayedColumns[x]}

以便在调用时返回正确的值

<mat-cell *cdkCellDef="let row">{{ column.cell(row) }}</mat-cell>

我还检查了this,但在“列为属性名称”的情况下没有运气

请帮助我解决这个问题。

1 个答案:

答案 0 :(得分:1)

element.date等效于element['date'],因此您可以在其中放入任何字符串对象。 Source