如何循环嵌套的 json 并将数据显示到其中。在角度 8

Question

我有下面的嵌套 json，这是我从 api 获得的。

Answer 1

在下面试试这个：在这里我认为你的策略单元数组里面只有对象，所以使用了 policy_units[0]。&nbsp;<div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; &nbsp; &nbsp; <div class="text" *ngFor="let providers of Details['policy_units'][0]['providers'];">{{ providers }} </div>&nbsp; &nbsp; </div>&nbsp; &nbsp; <div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; &nbsp; &nbsp; <div *ngFor="let edit_authorised_role of Details['policy_units'][0]['schema']['edit_authorised_roles'];">&nbsp; &nbsp; &nbsp; &nbsp; <div class="text">{{ edit_authorised_role }}</div>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; </div>&nbsp; &nbsp; <div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; &nbsp; &nbsp; <div *ngFor="let delete_authorised_role of Details['policy_units'][0]['schema']['delete_authorised_roles'];">&nbsp; &nbsp; &nbsp; &nbsp; <div class="text">{{ delete_authorised_role }}</div>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; </div>&nbsp; &nbsp;<div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; <div class="text">Details['policy_units'][0]['schema']['provider_push']</div></div>"或者如果您想遍历 json 中的策略单元数组，您可以在下面执行此操作：<div *ngFor="let policy_unit of Details['policy_units']><div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; &nbsp; &nbsp; <div class="text" *ngFor="let providers of policy_unit['providers'];">{{ providers }} </div>&nbsp; &nbsp; </div>&nbsp; &nbsp; <div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; &nbsp; &nbsp; <div *ngFor="let edit_authorised_role of policy_unit['schema']['edit_authorised_roles'];">&nbsp; &nbsp; &nbsp; &nbsp; <div class="text">{{ edit_authorised_role }}</div>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; </div>&nbsp; &nbsp; <div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; &nbsp; &nbsp; <div *ngFor="let delete_authorised_role of policy_unit['schema']['delete_authorised_roles'];">&nbsp; &nbsp; &nbsp; &nbsp; <div class="text">{{ delete_authorised_role }}</div>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; </div>&nbsp; &nbsp;<div class="bx--col-lg-3 bx--col-md-3 text-div">&nbsp; &nbsp; <div class="text">policy_units['schema']['provider_push']</div></div>"</div>