Angular ngFor 中的动态事件名称

Question

我正在尝试为 ag-grid 添加动态事件名称，但通常添加到 angular 组件。我尝试了不同类型的绑定，根据索引将 (gridready) 值的名称命名为 onGridReady1($event)、onGridReady2($event)、onGridReady3($event) 等。 +i、{{i}}、(i) 等选项无效。获得动态 onGridReady 的可能选项是什么。

<div *ngFor="let item of Collection; let i = index">              
    <ag-grid-angular (gridReady)="['onGridReady+i+($event)']"

    </ag-grid-angular> 
 </div>

Answer 1

你应该可以做到这一点：

<div *ngFor="let item of Collection; let i = index">              
    <ag-grid-angular (gridReady)="onGridReady(i, $event)">

    </ag-grid-angular> 
 </div>

使用以下 onGridReady 方法：

onGridReady(index: number, params) {
  console.log('got gridReady event for grid #', index);
}

Angular ngFor 中的动态事件名称

Angular dynamic event name inside ngFor

angular

typescript

ag-grid

ngfor