使用* ngFor渲染JSON对象数据数组时出现以下错误 .

ERROR错误:无法找到'object'的[object object],[object Object],[object Object],[object Object]'的不同支持对象 . NgFor仅支持绑定到诸如Arrays之类的Iterables .

这适用于除IE之外的所有浏览器客户端 . 所以不确定IE为什么会爆炸 .

Template:

<div #portfolioSites class="frame {{siteIndex.type}}" *ngFor="let siteIndex of sites">
    <div class="app-header">
      <div class="buttons">
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div class="app-tab">
        {{siteIndex.tab}}
      </div>
      <div class="app-tab-border"></div>
    </div>
    <div class="home-button"></div>
    <img src="{{siteIndex.image}}" alt="{{siteIndex.image_alt}}" />
</div>

Data:

sites = [
    {
      type: 'web',
      label: 'placeholder',
      description: '',
      tab: 'placeholder',
      image: 'assets/images/portfolio/placeholder.gif',
      image_alt: 'placeholder.com',
      url: 'http://www.placeholder.com'
    },
    {
      type: 'web',
      label: 'placeholder',
      description: '',
      tab: 'placeholder',
      image: 'assets/images/portfolio/placeholder.gif',
      image_alt: 'placeholder.com',
      url: 'http://www.placeholder.com'
    },
    {
      type: 'web',
      label: 'placeholder',
      description: '',
      tab: 'placeholder',
      image: 'assets/images/portfolio/placeholder.gif',
      image_alt: 'placeholder.com',
      url: 'http://www.placeholder.com'
    }
  ];