*ngIf 中的 Angular 6 变量或方法绑定(bind)

Question

在模板 *ngIf 中绑定(bind)变量和绑定(bind)方法有什么区别吗？

例如:

情况1:

<div *ngIf="myVar">ABC</div>

情况2:

<div *ngIf="myFunction()">ABC</div>

myFunction() : boolean {
   if (cond1 && cond2 && cond3) {
       return true;
   } else { 
       return false;
   }
}

对性能有影响吗？

我正在尝试使用第 2 种情况，但出现范围错误:超过最大调用堆栈。

帮我解决这个问题吗？谢谢

Answer 1

有

第一个不会有任何性能问题，因为您直接检查变量，而第二个则会有任何性能问题，因为 Angular 使用更改检测并且它会触发多次