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

嗨，我认为您的物活性成分很多，所以尝试一下：

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

如果还可以，那么为实质性活动添加一个新循环

  

编辑（评论中有更多详细信息）：

     

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