javascript - Angular遍历嵌套对象的最佳方法是什么

Question

我正在尝试遍历名为 purchase 的嵌套对象。它有一个名为 purchaseProducts 的子数组，其中包含名为 products 的子数组以及一些其他数据。

遍历这种类型的嵌套对象的最佳方法是什么？

我试过 *ngFor 这样

<div *ngFor = "let data of purchase "> 
        {{data.date | slice: 0:10}}
        {{data.totalprice}}

    <div *ngFor="let product of purchase.purchaseProducts">

          {{product.id}} // not working
          {{product.quantity}} //not working
          {{product.price}}
          {{product.products.name}}
    </div>
</div>

但内部 div 不显示值。

提前谢谢你

标签： javascriptangulartypescriptangular9

Answer 1

您的 json 中没有purchase_product，我认为您应该使用data.purchaseProducts：

<div *ngFor = "let data of purchase "> 
        {{data.date | slice: 0:10}}
        {{data.totalprice}}

    <div *ngFor="let product of data.purchaseProducts">

          {{product.id}} // not working
          {{product.quantity}} //not working
          {{product.price}}
          {{product.products.name}}
    </div>
</div>