javascript - 使用 angular8 在循环中传递参数 onclick

Question

我有一个对象数组。我在循环中迭代并将每个项目的名称传递给 点击 以函数为目标 openIt(val)在 app.js Assets 文件夹中的文件。 IE

Angular 代码:

<div *ngFor="let item of listArray">
<button class="tabopen" onclick="openIt(item.name)">{{item.name}}</button>
</div>

app.js 代码:

function openIt(data) {
console.log(data);
}

在我的 openIt函数在 app.js 文件中我没有得到 项目名称 .在我的控制台中显示错误 项目未定义 .但是当我传递静态数据时，即 onclick="openIt('sample_data')"它没有显示任何错误。

即使 item.name 也存在，我也得到了正确的值。我不明白为什么我不能将迭代数据传递给参数。

Answer 1

如果您使用 Angular那么你应该选择(click)因为当您声明一个事件处理程序时，您需要将 DOM 括起来。 parentheses 中的事件名称并分配 template statement给它。

<button class="tabopen" (click)="openIt(item.name)">{{item.name}}</button>