ngFor调用函数Angular2

Question

以下作品：

*ngFor="let child of items || []; let i = index;"

这不是：

*ngFor="let child of items || []; let specialVersionOfI = someFunction(index);"

我明白了：

Parser Error: Unexpected token (, expected identifier, keyword, or string at column 56 in [ngFor let child of items |

这背后的原因是什么？是否存在变化？

Answer 1

稍后在循环中使用该功能，而不是在分配索引时使用。

<u>
   <li *ngFor="let item of items || []; let i=index">
      use function here >> {{someFunction(i)}}
   </li>
</u>

See this plunker.

您还可以操作模型中的数组并将特殊索引存储在第二个并行数组中，然后在模板中访问它。

<u>
   <li *ngFor="let item of items || []; let i=index">
      access special index >> {{customIndices[i]}}
   </li>
</u>

Answer 2

更具可读性的是组件中带映射的版本，如：

this.items.map((child, i) => { child['specialVersionOfI'] = this.someFunction(i); return child; }) 然后在模板中{{child.specialVersionOfI}}