Passing parameter onclick, in a loop using angular8(使用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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:使用angular8在循环中传递参数onClick


基础教程推荐
- Bootstrap 模态出现在背景下 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- npm start 错误与 create-react-app 2022-01-01