Angular 2 * ngFor仅支持在内联模板中一次添加10个元素

我想在几个时间内重复特定元素,所以我使用* ngFor指令和[1,2,3,4,5,6,7,8,9,10]这样的硬编码数组,并且工作得很棒.我实现了我想做的事情.

码

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

Demo Plunkr

但是一旦我将数组大小增加到10以上,我就开始低于错误.哪个真烦人.

模板

<div *ngFor="let item of [1,10,11]">
  {{item}}
</div>`

我很想知道为什么一旦数组大小增加超过10就会发生错误？但另一个有趣的事情是当我在变量items = [1,11]中的组件中放入相同的数组并在* ngFor中使用了项目并且它得到了工作.

这种特殊情况背后有什么理由吗？如果我错过了一些简单/愚蠢的东西,我就是我.

Problem Plunkr