angular - ngFor 中的 Angular 动态事件名称

Question

我正在尝试为 ag-grid 添加动态事件名称，但通常添加到角度组件中。我尝试了不同类型的绑定，以根据索引将 (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>

标签： angulartypescriptag-gridngfor

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);
}