我有下面的嵌套 json，這是我從 api 獲得的。
如何循環嵌套的 json 并將數據顯示到其中。在角度 8
守候你守候我
2022-06-16 15:21:26
1 回答
繁星淼淼
TA貢獻1775條經驗 獲得超11個贊
在下面試試這個：在這里我認為你的策略單元數組里面只有對象，所以使用了 policy_units[0]。
<div class="bx--col-lg-3 bx--col-md-3 text-div">
<div class="text" *ngFor="let providers of Details['policy_units'][0]['providers'];">{{ providers }} </div>
</div>
<div class="bx--col-lg-3 bx--col-md-3 text-div">
<div *ngFor="let edit_authorised_role of Details['policy_units'][0]['schema']['edit_authorised_roles'];">
<div class="text">{{ edit_authorised_role }}</div>
</div>
</div>
<div class="bx--col-lg-3 bx--col-md-3 text-div">
<div *ngFor="let delete_authorised_role of Details['policy_units'][0]['schema']['delete_authorised_roles'];">
<div class="text">{{ delete_authorised_role }}</div>
</div>
</div>
<div class="bx--col-lg-3 bx--col-md-3 text-div">
<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">
<div class="text" *ngFor="let providers of policy_unit['providers'];">{{ providers }} </div>
</div>
<div class="bx--col-lg-3 bx--col-md-3 text-div">
<div *ngFor="let edit_authorised_role of policy_unit['schema']['edit_authorised_roles'];">
<div class="text">{{ edit_authorised_role }}</div>
</div>
</div>
<div class="bx--col-lg-3 bx--col-md-3 text-div">
<div *ngFor="let delete_authorised_role of policy_unit['schema']['delete_authorised_roles'];">
<div class="text">{{ delete_authorised_role }}</div>
</div>
</div>
<div class="bx--col-lg-3 bx--col-md-3 text-div">
<div class="text">policy_units['schema']['provider_push']</div>
</div>"
</div>
添加回答
舉報
0/150
提交
取消