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

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

请尝试以下操作： 在这里，我认为您的策略单元数组中只有对象，因此使用了策略单元[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>"

{{providers}}
{{编辑\授权\角色}
{{删除授权的角色}
详细信息['policy\u units'][0]['schema']['provider\u push']
"

或

如果要在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>

---

为什么，当然，我不知道如何迭代json数据并以html显示……使用*ngFor。这就是它的工作。我甚至给了你文档的链接。如果没有数据{{edit\u authorized\u role}那么如何在这里面添加文本无数据..我的意思是或条件这里只使用ngIF条件，如果编辑授权角色的长度为0，静态打印“无数据”bt，我在控制台中遇到错误，允许提供详细信息['policy\u units'][0]['providers']；详细信息未定义