AG Grid 设置动态行数据名称 Failed to execute 'setAttribute' on 'Element'

Question

我正在使用 angular ag-grid，我正在尝试在数据源 [rowData] 中使用动态 gridData 名称。当我尝试将 'i' 附加到 gridDataName 时，我不断收到错误消息。我的情况可能会出现什么问题？我试过了

[rowData]="gridData"+i
[rowData]="gridData"+${i}
[rowData]="gridData${i}" 等

无法在 'Element' 上执行 'setAttribute': '+i'

<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>

AG Grid 设置动态行数据名称 Failed to execute 'setAttribute' on 'Element'

AG Grid setting dynamic row data name Failed to execute 'setAttribute' on 'Element'

ag-grid

angular

ag-grid-angular