gpt4 book ai didi

javascript - Angular 5 从服务到组件到模板的数据获取数组问题

转载 作者:太空狗 更新时间:2023-10-29 18:19:25 25 4
gpt4 key购买 nike

<分区>

尝试在模板 HTML 中显示从组件到调用并返回 API 的服务调用的数据,但出现此错误

ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

HTML

<li *ngFor="let item of testing"> 
<a [routerLink]="[item.url]" >
<span>{{item.name}}</span>
</a>
</li>

组件

testing: any;

this.arsSevice.getMenu()
.subscribe(
result => {
this.testing = result;
console.log('menu',result);
},
error => {
console.log('menu error', error);
}
)

服务:

getMenu()  {
return this.http.post(this.menuUrl, JSON.stringify({
"UserID": 61525,
"AppID": 15,
"NavAppID":null,
"AppGroupID": 116,
"SelectedCaseID": 0,
"SelectedRoleID":0
}), httpOptions)
.map((response: Response)=> {
return response;
})
}

数据图片截图

Screenshot image of the data

更新

我看到一个数据问题

“菜单”有数据:,它在这里但不起作用。

工作的是来自不同的 API 调用注意是有

data: Array(16)

如何将我的数据从对象修复到数组?

enter image description here

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com