如何在angular中迭代json？

我从数据库中获取以下json，我想做一个ngfor；但我不知道如何使用这种JSON

{{referencea.2}}

在使用之前，您需要首先解析API返回的json：

在接收数据的ts文件中：

referencias = JSON.parse(referencias);

由于

referencea.rows

中的每个

referencea

都是一个数组，因此您可以像这样访问它的数据

referencea[arrayIndex]

：

<div class="col-md-4" *ngFor="let referencia of referencias.rows">
    <div class="card text-center">
        <div class="card-header">
        </div>
        // Changed referencia.2 to referencia[2]
        <div class="card-body">
               {{referencia[2]}} // Should show 'AYALA'
        </div>
    </div>
</div>

//将参考文献2更改为参考文献[2]
{{referencea[2]}///应显示“AYALA”

在ts文件中，我假设referenceas是API的解析json响应。下面的解决方案是获取所有行

<div class="col-md-4" *ngFor="let referencia of referencias['rows']">
   <div class="card text-center">
       <div class="card-header">

       </div>
       <div class="card-body" *ngFor="let rowData of referencia">
           {{rowData}}
       </div>
  </div>

{{rowData}}

---

希望这对您有用。

根据您的JSON，您需要一个嵌套的

*ngFor

。

<div class="col-md-4" *ngFor="let referencia of referencias['rows']">
   <div class="card text-center">
       <div class="card-header">

       </div>
       <div class="card-body" *ngFor="let rowData of referencia">
           {{rowData}}
       </div>
  </div>