Angular：无法解析嵌套的Json

Question

我从Web服务获得以下JSON响应。我想在前端使用它，但“codeSubstance”没有显示任何内容。我该如何正确解析它？

我尝试过以下方法：

<tr *ngFor ="let m of medicamentsDetailslist;">
  <td>{{m.compositions.substancesActives.codeSubstance}}</td>
</tr>

这也是

 <tr *ngFor ="let m of medicamentsDetailslist;">
      <td>{{m.compositions.substancesActives["codeSubstance"]}}</td>
    </tr>

任何帮助赞赏

Answer 1

compositions和substancesActives也是一个数组，所以你应该再次迭代它

<tr *ngFor ="let m of medicamentsDetailslist;">
     <td>
        <ng-container *ngFor="let comp of m.compositions">
           <ng-container *ngFor="let sub of comp.substancesActives">
              {{sub.codeSubstance}}
           </ng-container>
        </ng-container>
     </td>
</tr>

Answer 2

嗨，我认为你在physicsActives中有一个数组，所以试试这个：

<tr *ngFor ="let m of medicamentsDetailslist;">
  <td>{{m.compositions.substancesActives[0].codeSubstance}}</td>
</tr>

如果没问题，那么为PHYSActives添加一个新循环

编辑（评论中的更多细节）：

m.compositions [0] .substancesActives [0] .codeSubstance