Angular ngIf 和 ngFor 函数每秒被调用多次答案

【问题标题】：Angular ngIf and ngFor with function gets called many times per secondAngular ngIf 和 ngFor 函数每秒被调用多次
【发布时间】：2017-11-30 18:19:08
【问题描述】：

我注意到将 ngIf 或 ngFor 与函数一起使用会每秒多次调用该函数。相比之下，使用字符串、数字或对象，只有在更改检测启动时才会检查它。

我做错了吗？或者这是预期的行为？如果某处没有任何变化，我会说没有必要再次检查该功能。

例子：

组件：

myFunction() {
    console.log('I was checked');
    return true;
}

模板：

<div *ngIf="myFunction()">hello there!</div>

【问题讨论】：

这看起来类似于 stackoverflow.com/questions/35469024/… 或 stackoverflow.com/questions/42661353/…
是的，应该是：stackoverflow.com/a/43085186/6294072

标签： angular

【解决方案1】：

这是预期行为。

Angular 每毫秒执行大量检查以检测是否发生了变化。

【讨论】：

【解决方案2】：

您可以使用ChangeDetectionStrategy 来避免这种情况。我不太确定。

@Component({
  // ...
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class MyComponent {
  // ...
}

【讨论】：