ngFor 中的 Angular 动态事件名称

Posted 2023-03-28

【中文标题】ngFor 中的 Angular 动态事件名称

【英文标题】：Angular dynamic event name inside ngFor

【发布时间】：2021-10-02 19:11:34

【问题描述】：

我正在尝试为 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>

【问题讨论】：

如何使用一个 onGridReady 方法来传递索引？

我正在尝试显示重复的 ag-grids。所以我的选择是采取 onGridReady1,onGridReady1 等。

【参考方案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);