gpt4 book ai didi

html - Angular 4 卡住 *ngFor 中的调用函数

转载 作者:搜寻专家 更新时间:2023-10-30 21:23:39 25 4
gpt4 key购买 nike

我的 Angular 应用程序有一个奇怪的问题。给定这个组件:

home.component.ts

和这个模板:

home.component.html

该页面将尝试一直加载,直到 Chrome 最终提示我终止该选项卡。

如果不是 getDataForMonth(month) 我只是在 home.component.ts 中有一个名为 monthData 的数据对象然后feed [data] “monthData”

它在以下情况下也能正常工作:

  • 我在 home.component.ts 中有一个方法,描述为 hi() {} 并且然后在我的 html 中输入 [data] hi()
  • 我在 home.component.ts 中有一个方法,描述为 hi() {return "hey";} 和然后在我的 html 中输入 [data] hi()
  • 我在 home.component.ts 中有一个方法,描述为 hi(month) {return month;} 和然后在我的 html 中输入 [data] hi(month)

getDataForMonth() 有什么可能会破坏它?这里有一些我不知道的限制吗?是否有可能是与 getDataForMonth() 无关的其他问题?

最佳答案

出于性能原因,您需要预先计算 *ngFor 中的函数调用。将 console.log 添加到您的 getDataForMonth() 方法以查看 Angular 调用此函数的频率。好的方法是为每个月创建包含函数结果的数组并对其进行迭代。

关于html - Angular 4 卡住 *ngFor 中的调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44640922/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com