* ngFor中局部变量的Angular2 +模板语法

Question

我有一个实用程序方法，该方法在Ionic 3应用程序的* ngFor循环的每次迭代中都会被调用两次（该应用程序在后台使用Angular4）。 （类似于下面的getIndex2）。

有没有一种方法可以分配一个局部变量并引用该局部变量，所以实用程序方法每次迭代不会被调用两次？

形式的东西：

<div *ngfor="let item of items;
             let i = index; 
             let j = getIndex2(items[i]); 
             let k = items[j]">
  {{k.property1}}
  {{k.property2}}
</div>

它也可以使用as或#语法，但是很高兴知道它是否可能。

Answer 1

请注意， getIndex2()作用是什么，但是如果您只想引用当前项目，则需要做的是：

<div *ngfor="let item of items">
   {{ item.property1 }}
   {{ item.property2 }}
</div>

但我认为情况并非如此。 否则，您需要做的是在模板标记之外处理该逻辑。 例如：

this.items = this.items.map((item) => item.otherItem = this.getIndex2(item));

接着：

<div *ngfor="let item of items">
   {{ item.otherItem.property1 }}
   {{ item.otherItem.property2 }}
</div>