将json对象数据以角形式输入html前端。
将json对象数据以角形式输入html前端。
提问于 2019-05-26 15:37:20
我从外部API返回一个JSON数组对象，我想在角前端的HTML视图中显示它。但是视图没有加载下面的错误
控制台输出
错误错误：“无法找到”object“类型不同的支持对象‘对象’。NgFor只支持绑定到诸如数组之类的Iterable。”错误上下文对象{视图：{…}，nodeIndex: 3，nodeDef：{…}，elDef：{…}，elView：{…}}
getGifs() {
this.getData().subscribe(data => {
console.log(data);
this.data = data;
})
}在控制台日志中，我可以看到结果是，
data: Array(25) [ {…}, {…}, {…}, …
meta: Object { status: 200, msg: "OK", response_id: "5cea7c49386968693259fc04" }
pagination: Object { total_count: 2447, count: 25, offset: 0 }
<prototype>: Object { … }如何在HTML页面中读取此数据变量。尝试使用ngfor迭代，但失败了。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-26 15:42:12
应该将响应的数据属性赋值给HTML，
this.data = data.data;并在HTML中呈现为
<ul>
<li *ngFor="let item of data">
{{item.type}}. {{item.slug}}
</li>
</ul>编辑
this.getData().subscribe((data:any) => {
console.log(data);
this.data = data.data;
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56314949
复制相关文章
相似问题
腾讯云开发者
