TypeError：无法读取Object.eval中未定义的属性“ ShoppingCart”

Question

.html

  <div *ngFor="let p of (products$ | async)?.result.categories.ShoppingCart;">
        {{p.price}}
   </div>

.ts

this.products$ = this.bikeShopService.get();

邮差

{
    "result": [
        {
            "categories": [
                {
                    "ShoppingCart": [
                        {
                            "id": 1,
                            "name": "Golf Clubs",
                            "price": "125",

}]}]}

错误TypeError：无法在checkAndUpdateView（core.js：23209）处以Object.debugUpdateDirectives [as updateDirectives]（core.js：23813）的Object.eval [作为updateDirectives]（BikeShopListPage.html：22）读取未定义的属性'ShoppingCart'在execComponentViewsAction（core.js：23392）在checkAndUpdateView（core.js：23215）在execComponentViewsAction（core.js：23215）在execEmbeddedViewsAction（core.js：23413）在execComponentViewsAction（core.js：23392）在checkAndUpdateView（core。 js：23210）在callViewAction（core.js：23450）

问：能否告诉我如何访问以上数据？

Answer 1

应该是.result[0]?.categories[0]?.ShoppingCart

结果和类别是数组而不是对象

Answer 2

您的项目是数组，您可能要考虑取出数组部分[]，或者如果需要数组/列表，请给数组中的对象提供UID

ngFor可以在函数中的HTML或.map（）中使用