Angular 8如何在change事件中传递当前对象及其索引_程序开发

创始人

2024-10-17 22:01:26

0次

在Angular 8中，可以使用ngModel绑定和ngModelChange事件来传递当前对象及其索引。

首先，在HTML模板中，使用ngFor指令遍历数组，并将ngModel绑定到当前对象的属性上。同时，将ngModelChange事件绑定到一个方法上，该方法接收当前对象和其索引作为参数。

接下来，在组件类中定义onItemChange方法，该方法接收当前对象和其索引作为参数，并在方法体内处理逻辑。

onItemChange(item: any, index: number) {
  // 处理逻辑，例如打印当前对象及其索引
  console.log(item);
  console.log(index);
}

这样，当输入框的值发生变化时，ngModelChange事件会触发onItemChange方法，并传递当前对象及其索引作为参数。你可以根据自己的需求在方法体内进行逻辑处理。

7分钟下载！微乐小程序黑科技，... 7分钟下载！微乐小程序黑科技，微乐小程序自建房辅助器下载（开挂）本来真的有挂（2026）1、不需要A...

据监测！微乐小程序免费黑科技，... 据监测！微乐小程序免费黑科技，微乐小程序辅助脚本平台（透视）原来是有挂（哔哩哔哩）1、让任何用户在无...

1分钟开挂！微乐小程序免费黑科... 1分钟开挂！微乐小程序免费黑科技，微乐脚本（开挂）竟然存在有挂（2026）微乐小程序免费黑科技能透视...

2026版教程！微乐小程序免费... 2026版教程！微乐小程序免费黑科技，微信小程序微乐辅助器免费版v2.0（透视）切实存在有挂（哔哩哔...

7分钟神器！微乐小程序黑科技，... 7分钟神器！微乐小程序黑科技，微乐小程序脚本（开挂）真是有挂（2026）1、微乐小程序黑科技脚本辅助...

透视软件！微乐小程序免费黑科技... 透视软件！微乐小程序免费黑科技，微信小程序微乐跑得快技巧（透视）切实是有挂（哔哩哔哩）微信小程序微乐...

4分钟教程！微乐小程序黑科技，... 4分钟教程！微乐小程序黑科技，微信小程序透视微乐（开挂）真是真的有挂（2026）在进入微乐小程序黑科...

受玩家影响！微乐小程序黑科技，... 受玩家影响！微乐小程序黑科技，微信小程序微乐破解器2025（透视）一直有挂（哔哩哔哩）1、下载好微信...

一分钟插件！微乐小程序免费黑科... 一分钟插件！微乐小程序免费黑科技，微乐自建房透视（开挂）真是真的有挂（2026）1、微乐小程序免费黑...

教程辅助挂！微乐小程序黑科技，... 教程辅助挂！微乐小程序黑科技，手机微乐小程序破解器（透视）竟然是有挂（哔哩哔哩）1、下载好手机微乐小...