在ngFor中调用的方法多次触发

是由于Angular的变更检测机制导致的。当ngFor指令绑定的数据发生变化时，Angular会重新渲染对应的模板，并且会重新调用绑定的方法。

解决这个问题的方法有以下几种：

1. 使用纯函数：确保在ngFor中绑定的方法是一个纯函数，即不会产生副作用，不会改变外部状态。这样，Angular就可以通过比较输入值是否发生变化来判断是否需要重新调用方法。
2. 使用trackBy函数：ngFor指令提供了一个可选的trackBy函数，用于指定如何跟踪列表中的每个项的唯一标识。通过使用trackBy函数，Angular可以根据唯一标识来判断列表项是否发生变化，从而避免不必要的方法调用。示例代码如下：

<div *ngFor="let item of items; trackBy: trackByFn">{{ item }}</div>

trackByFn(index, item) {
  return item.id; // 假设item有一个唯一的id属性
}

1. 使用ChangeDetectionStrategy.OnPush变更检测策略：将组件的变更检测策略设置为OnPush，可以告诉Angular只在输入属性发生变化时才进行变更检测。这样，如果ngFor绑定的数据没有发生变化，对应的方法就不会被调用。示例代码如下：

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class MyComponentComponent {
  // 组件的其他代码
}

需要注意的是，以上方法都是为了优化性能而提供的解决方案。在某些情况下，如果确实需要在每次变更时都调用方法，可以忽略以上优化措施。

推荐的腾讯云相关产品：腾讯云函数（云原生无服务器函数计算服务），腾讯云云数据库（高性能、可扩展的云数据库服务），腾讯云CDN（全球加速服务），腾讯云安全组（网络安全防护服务）。

腾讯云函数产品介绍链接地址：https://cloud.tencent.com/product/scf

腾讯云云数据库产品介绍链接地址：https://cloud.tencent.com/product/cdb

腾讯云CDN产品介绍链接地址：https://cloud.tencent.com/product/cdn

腾讯云安全组产品介绍链接地址：https://cloud.tencent.com/product/sfw