Angular 5 - 在ngFor内调用的Mat-tab方法被多次执行_程序开发

创始人

2024-10-15 21:00:58

0次

问题描述：在Angular 5中，当在*ngFor循环中调用Mat-tab方法时，该方法会被多次执行。

解决方法：要解决这个问题，可以使用Angular的trackBy函数来告诉Angular如何跟踪*ngFor循环中的每个项目。

例如，如果你有一个返回唯一标识符的方法来标识每个项目，你可以在*ngFor循环中使用trackBy函数来指定该方法。

在组件中，定义一个返回唯一标识符的方法：

getItemId(index, item) {
  return item.id;
}

然后在HTML模板中，使用trackBy函数来指定该方法：

使用trackBy函数后，Angular将根据返回的唯一标识符来跟踪*ngFor循环中的每个项目，确保只执行一次相关方法。

这样，*ngFor内调用的Mat-tab方法将不再被多次执行。

据文件显示！微乐小程序免费黑科... 据文件显示！微乐小程序免费黑科技，微信小程序微乐辅助器真吗（透视）真是真的有挂（哔哩哔哩）在进入微信...

五分钟下载！微乐小程序黑科技，... 五分钟下载！微乐小程序黑科技，微信微乐陕西小程序辅助器（开挂）总是是真的挂（2026）在进入微乐小程...

黑科技代打！微乐小程序免费黑科... 黑科技代打！微乐小程序免费黑科技，微乐科技软件下载（透视）原来真的有挂（哔哩哔哩）所有人都在同一条线...

第四分钟下载！微乐小程序免费黑... 第四分钟下载！微乐小程序免费黑科技，微乐小程序透视工具（开挂）竟然有挂（2026）1、每一步都需要思...

透视总结！微乐小程序黑科技，微... 透视总结！微乐小程序黑科技，微乐陕西三代自建房挂（透视）好像存在有挂（哔哩哔哩）1、上手简单，内置详...

八分钟教程！微乐小程序黑科技，... 八分钟教程！微乐小程序黑科技，微乐小程序辅助脚本平台（开挂）原来真的是有挂（2026）1、玩家可以在...

十分钟安装！微乐小程序黑科技，... 十分钟安装！微乐小程序黑科技，微乐兰州麻将小程序辅助（开挂）真是是有挂（2026）1、实时微乐小程序...

2026版教学！微乐小程序黑科... 您好，微乐小程序修复系统有用吗这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302...

现有关情况通报如下！微乐小程序... 现有关情况通报如下！微乐小程序黑科技，微乐自建房辅助软件如何下载（透视）切实存在有挂（哔哩哔哩）1、...

8分钟辅助！微乐小程序黑科技，... 8分钟辅助！微乐小程序黑科技，微乐游戏小程序辅助器免费苹果版（开挂）总是是有挂（2026）微乐小程序...