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