如何为angular2中* ngFor中的每次迭代调用组件中的方法？

【问题标题】：How to call a method in component for every iteration in *ngFor in angular2?如何为angular2中* ngFor中的每次迭代调用组件中的方法？
【发布时间】：2016-06-16 12:41:19
【问题描述】：

我想为 *ngFor 的每次迭代调用一个方法，并在方法中传递迭代变量。

例如。

<li *ngFor="let element of componentModel | keys">{{element.key}}--{{element.value}}</li>

然后我在组件中有这个方法：

loadProperty(element:any){
   console.log(element.key);
   console.log(element.value);
}

我希望每次迭代都调用此函数并传递迭代变量的每个值。

任何输入？

【问题讨论】：

标签： javascript typescript angular

【解决方案1】：

正在寻找这个。

<li *ngFor="let element of componentModel | keys">
      {{element.key}}--{{element.value}}
      {{ loadProperty(element) }}
    </li>

【讨论】：

试过这个。它的工作，但它调用多次。我想每次迭代只调用一次这个方法。 @NeerPriv
我不知道为什么。您可以调用 span 标签中的函数来调用一次，例如。 {{ loadProperty(element) }}
我遇到同样的问题，被多次调用
需要它的一个重要原因是，当在多个地方需要特殊计算值时，您只想为每次循环迭代计算一次，而不是通过单独的函数调用一遍又一遍地计算它。跨度>