Ionic 我如何获取所有的json文件数据-离子Angular

qvk1mo1f  于 2022-12-09  发布在  Ionic
关注(0)|答案(1)|浏览(188)

我有这段代码,我只能从(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>
eoxn13cs

eoxn13cs1#

您应该循环访问内部键在这种情况下是元素

<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>

相关问题