AG 网格设置动态行数据名称 无法在'Element'上执行'setAttribute'

Question

我正在使用角ag-grid，我试图在数据源内使用动态gridData名称，[rowData]。当我试图将"I"附加到gridDataName时，我不断得到错误。我的情况可能会出现什么问题?我试着

构成了rowData]

• [="gridData" + i
构成了rowData]
• [="gridData" + ${我}
构成了rowData]
• [="gridData ${我}";等

在'Element': '+i'上执行'setAttribute'失败

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

<ag-grid-angular [rowData]="gridData"+i>
</ag-grid-angular>
</div>

在typescript端，来自不同api的数据被分配给griddata，其名称后面加上数字。

this.gridData1 = 'make call to api1 get data'
this.gridData2 = 'make call to api2 get data'
this.gridData3 = 'make call to api2 get data'
this.apiList = ['api1', 'api2', 'api3']

Answer 1

将代码改为:

this.myObject.gridData1 = 'make call to api1 get data'
this.myObject.gridData2 = 'make call to api2 get data'
this.myObject.gridData3 = 'make call to api2 get data'
<ag-grid-angular [rowData]="myObject['gridData' + i]">
</ag-grid-angular>

或者你可以直接写:

<ag-grid-angular [rowData]="this['gridData' + i]">
</ag-grid-angular>