Angular *ngFor over地图运行多次，但应该只运行一次

Angular中的ngFor指令用于循环遍历一个集合，并为集合中的每个元素生成相应的HTML代码。在某些情况下，ngFor可能会在地图运行时多次执行，而实际上我们希望它只运行一次。

解决这个问题的方法是使用Angular的trackBy函数。trackBy函数用于指定如何跟踪集合中的元素，以便在重新渲染时能够正确地识别和更新元素。

首先，我们需要在组件中定义一个trackBy函数，该函数接收两个参数：索引和元素。它应该返回一个唯一标识符，用于跟踪集合中的元素。例如，我们可以使用元素的ID作为唯一标识符。

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

然后，在*ngFor指令中使用trackBy函数：

<div *ngFor="let item of items; trackBy: trackByFn">
  <!-- 元素的HTML代码 -->
</div>

通过使用trackBy函数，Angular将根据元素的唯一标识符来跟踪和更新元素，而不是根据元素在集合中的位置。这样，即使地图运行多次，Angular也能正确地识别和更新元素，保证只运行一次。

对于地图运行多次的具体场景，我无法给出具体的推荐腾讯云产品和产品介绍链接地址，因为这与具体的业务需求和技术架构有关。但是，腾讯云提供了丰富的云计算产品和解决方案，可以根据具体需求选择适合的产品，例如云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。