ngFor 中的 Angular 动态事件名称答案

【问题标题】：Angular dynamic event name inside ngForngFor 中的 Angular 动态事件名称
【发布时间】：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 等。

标签： angular typescript ag-grid ngfor

【解决方案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);
}

【讨论】：