Angular ionic 4本机http获取空数组
我在做爱奥尼亚4号项目。我正在尝试使用ionic的本机http从url获取数据json数组。当我尝试从url json获取数据数组时,我得到了空页面 我拥有的数据json太长,我在这里放了短json来显示方案Angular ionic 4本机http获取空数组,angular,http,ionic4,Angular,Http,Ionic4,我在做爱奥尼亚4号项目。我正在尝试使用ionic的本机http从url获取数据json数组。当我尝试从url json获取数据数组时,我得到了空页面 我拥有的数据json太长,我在这里放了短json来显示方案 { "result": { "airprotname": { "code": "BGW" }, "response": { "airport": { "plugin: { "schedule": {
{
"result": {
"airprotname": {
"code": "BGW"
},
"response": {
"airport": {
"plugin: {
"schedule": {
"arrival": {
"data": [
{
"flight": {
"identification": {
"id": iaw445,
"row": 4861006050
}
}
}
]
}
}
}
}
}
}
}
我的代码
export class HomePage {
public items : any[] ;
constructor(private http: HTTP) {
this.http.get('/airport.json?code=BGW', {}, {})
.then(res=> {
this.items = JSON.parse(res.data.result.response.airport.plugin.schedule.arrival.data)
})
.catch(error => {
});
}
}
html
{{status}}
{{item.flight.identification.id}
在尝试访问嵌套数据之前,分析您得到的初始响应,所以
this.http.get('/airport.json?code=BGW',{},{})
。然后(res=>{
const parsed=JSON.parse(res.data);
this.items=parsed.result.response.airport.plugin.schedule.arrival.data;
})
您的JSON中没有.number。默认的属性?很抱歉,没有。但我复制json时出错了。看看我的最新消息你知道吗,兄弟?
<ion-content>
{{status}}
<ion-list>
<ion-item *ngFor="let item of items">
{{item.flight.identification.id}}
<div class="item-note" slot="end">
</div>
</ion-item>
</ion-list>
</ion-content>