Angular * ngFor仅在IE中的对象数组错误

时间:2018-02-08 03:32:50

标签: arrays angular templates object ngfor

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

  

错误错误:无法找到不同的支持对象' [对象   对象],[对象对象],[对象对象],[对象对象]'类型   '对象&#39 ;. NgFor仅支持绑定到Iterables,例如Arrays。

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

模板:

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

数据:

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'
    }
  ];

0 个答案:

没有答案