![](/img/trans.png)
[英]How to loop through Nested Json Array with (JavaScript) for loop and display the text
[英]how to loop nested json and display data into it. in angular 8
我在下面有嵌套的 json,這是我從 api 得到的。
在下面試試這個:這里我認為你的策略單元數組里面只有 object 所以使用了 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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.