我有這個代碼，我只能從 (number) 和 (name) 獲取資料，如何從我嘗試了很多方法的元素中獲取資料，但我找不到解決方案請幫助我
JSON
[
{
"number": 1,
"name": "ahmed",
"elements": [
{
"id": 1,
"text": "text1"
},
{
"id": 2,
"text": "text2"
},
{
"id": 3,
"text": "text3"
}
]
}
]
TS 檔案
data: any;
constructor() {}
ngOnInit() {
fetch('./assets/data/datajson.json').then(res => res.json())
.then(json => {
this.data = json;
});
}
HTML
<ion-card mode="ios" *ngFor="let item of data; index as i">
<ion-item>
<ion-label>{{ item.name }}</ion-label>
</ion-item>
</ion-card>
uj5u.com熱心網友回復：
您應該遍歷內部鍵。在這種情況下元素
<ion-card mode="ios" *ngFor="let item of data; index as i">
<ion-item>
<ion-label>{{ item.name }}</ion-label>
</ion-item>
<ion-item *ngFor="let ele of item.elements">
<ion-label>{{ ele.id}}-{{ele.text}}</ion-label>
</ion-item>
</ion-card>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/487821.html