角2 * ngForは、インラインテンプレートで一度に10個の要素を追加することのみをサポートします

Question

特定の要素を複数回繰り返したいので、[1,2,3,4,5,6,7,8,9,10]のようなハードコードされた配列の*ngForディレクティブを使用しています。私は自分がしたいことを達成しました。

コード

@Component({ 
    selector: 'my-app', 
    template: `<h1>My First Angular App</h1> 
     <div *ngFor="let item of [1,2,3,4,5,6,7,8,9,10]"> 
      {{item}}: My Element 
     </div>` 
}) 

Demo Plunkr

しかし、すぐに、私は10以上の配列のサイズを増加させたとして、私はエラーの下に取得を開始。それは本当に迷惑です。

zone.js@0.6.25?main=browser:355 Unhandled Promise rejection: Unsupported number of argument for pure functions: 11 ; Zone: ; Task: Promise.then ; Value: Error: Unsupported number of argument for pure functions: 11(…) Error: Unsupported number of argument for pure functions: 11

テンプレート

<div *ngFor="let item of [1,2,3,4,5,6,7,8,9,10,11]"> 
    {{item}} 
</div>` 

私はそのエラーができるだけ早く配列サイズが10以上に増加すると起こっている理由を知りたいんですか？しかし、もう一つ興味深いのは、同じ配列を変数items= [1,2,3,4,5,6,7,8,9,10,11]内のコンポーネントに入れ、itemsを*ngForで使用したところ、うまくいきました。

このような特殊なケースの背後には何らかの理由がありますか？シンプル/愚かなものがないと私を強奪してください。

Problem Plunkr

Answer 1

これは単に（デザインによって）パーサに複雑さを避けるためにAngular2テンプレートパーサの制限です。通常、コンポーネントインスタンスにデータを保持することをお勧めします。

https://github.com/angular/angular/blob/d972d8235458a6e65819f96ee56da059ec76321b/modules/%40angular/compiler/src/view_compiler/util.ts#L82