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方法将不再被多次执行。

科技通报！wepoker线上大... 科技通报！wepoker线上大神，wpk辅助，详细教程（有挂软件）；玩家必备必赢加哟《1367043...

玩家攻略！aapoker ai... 玩家攻略！aapoker ai插件，wepoker怎么设置房间，解密教程（有挂神器）科技教程也叫必备...

研究成果！wepoker新号好... 研究成果！wepoker新号好一点吗，wepokerplus外挂，细节方法（有挂辅助）；亲真的是有正...

总算明白！aa poker辅助... 总算明白！aa poker辅助，wepoker脚本，AI教程（有挂透明）1、很好的工具软件，可以解锁...

玩家攻略！线上德州的辅助器是什... 1、玩家攻略！线上德州的辅助器是什么，we-poker是什么软件，2025新版总结（有挂辅助）2、进...

一分钟了解！wepoker免费... 一分钟了解！wepoker免费透视脚本，pokemmo辅助器，透明挂教程（有挂方法）准备好在wepo...

分享开挂内幕！德州局透视脚本免... 分享开挂内幕！德州局透视脚本免费版下载手机版，wepoker私人局俱乐部，wpk教程（有挂软件）科技...

必备攻略！hhpoker底牌透... 您好，wepoker开辅助能查到吗这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302...

玩家科普！哈糖大菠萝免费辅助器... 玩家科普！哈糖大菠萝免费辅助器，wpk辅助软件，总结教程（有挂技巧）是一款可以让一直输的玩家，快速成...

推荐十款！哈糖大菠萝免费辅助器... 推荐十款！哈糖大菠萝免费辅助器，wpk透视辅助下载，必备教程（有挂方法）；大神普及一款德州ai内幕，...