как сделать l oop вложенным json и вывести на него данные. в angular 8

Question

у меня ниже вложенного json, который я получал от API.

Answer 1

Попробуйте это ниже: Здесь я рассмотрел, что в вашем массиве единиц политики есть только объект, поэтому использовал 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>