*ngFor 运行 angular2 中的无限循环

Question

我正在尝试使用以下代码在 angular2 中使用键渲染对象属性：

<ul>
    <li *ngFor="let element of componentModel | keys;let i=index">
      {{element.key}}--{{element.value}}  // 1---Bhushan...loaded only once
      <span  *ngIf="element">{{ loadProperty(i,element) }}</span>
    </li>
</ul>

但是我在这里遇到了一个问题。浏览器中的输出仅加载一次。但是方法调用，即 loadProperty(i,element) 在无限循环中是运行。

loadProperty(i:number,element:any){       
    console.log(element.key+'========'+element.value);
    console.log(element);      
}

表示浏览器输出

(1---Bhushan)

只显示一次，但在控制台上它的运行无限显示如下：

我只想每次迭代调用此方法一次。

有任何输入吗？

Answer 1

这只是 Angular2 变化检测在每个变化检测周期中一遍又一遍地调用 loadProperty(i,element)。

不鼓励从模板调用方法，因为它们经常被调用。您应该将结果存储在属性中并绑定到此属性。

*ngFor 运行 angular2 中的无限循环

*ngFor running an infinite loop in angular2

typescript

angular

ngfor