本文介绍了使用angular8在循环中传递参数onClick的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个对象数组。我正在迭代in循环，并将每个项目的名称传递给onClick，它指向Assets文件夹中app.js文件中的函数openIt(val)。IE
角度代码：
<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);
}
在我的app.js文件的OpenIt函数中，我没有获得item.name。在我的控制台中，它显示错误项未定义。但当我传递静态数据时，即onclick="openIt('sample_data')"没有显示任何错误。
尽管item.name也存在，但我也获得了正确的值。我不明白为什么我无法将迭代数据传递给参数。
推荐答案
如果您使用Angular，则应该使用(click)，因为声明事件处理程序时，您需要将DOM事件名称括在parentheses中，并为其分配template statement。
<button class="tabopen" (click)="openIt(item.name)">{{item.name}}</button>
这篇关于使用angular8在循环中传递参数onClick的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！