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