次作品の関数Angular2

Question

を呼び出すngFor：

*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.

また、テンプレートの中からアクセス、モデルの配列を操作し、第2の並列配列の特別なインデックスを格納することができます。

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

Answer 2

はるかに読みやすいコンポーネントでのマッピングを持つバージョン、のようなSTH次のようになります。私は `アイテムを推測

this.items.map((child, i) => { child['specialVersionOfI'] = this.someFunction(i); return child; }) して、テンプレート内だけ{{child.specialVersionOfI}}