不在Angular app中显示嵌套值

我有一个本地存储的JSON文件，它有一个通过以下数据集发送的服务

[  
   {  
      "id":"73c624c9-6db7-4fd2-ac91-c1084aee0565",
      "etl":362,
      "subject":"Temp Subject",
      "body":"Temp Body",
      "deliveryAddress":"test@test.com",
      "accountNumber":"12345",
      "deliveryChannel":"EMAIL",
      "attachments":[  
         {  
            "id":"1",
            "attachToDeliveryMessage":false,
            "fileName":"12345-ITM-2019-01-25.pdf",
            "passwordProtected":true,
            "attachmentType":"ITEMISED_BILLING",
            "renderSucceeded":true,
            "renderError":null,
            "link":{  
               "href":"linky"
            }
         },
         {  
            "id":"2",
            "attachToDeliveryMessage":true,
            "fileName":"12345-INV-27608011279-2019-01-25.pdf",
            "passwordProtected":true,
            "attachmentType":"INVOICE",
            "renderSucceeded":true,
            "renderError":null,
            "link":{  
               "href":"linky"
            }
         }
      ],
      "renderSucceeded":true,
      "renderError":null
   },
]

我可以成功显示外部值，但在显示嵌套值（如“附件”）时遇到困难

这是我的HTML

<div class="card-body" *ngFor="let item of customerAccountDocs">
  <p>{{item.id}}</p>
  <p>{{item.accountNumber}}
  <p>{{item.etl}}
  <p>{{item.subject}}
  <p>{{item.body}}
  <p>{{item.deliveryAddress}}
  <p>{{item.deliveryChannel}}
  <p *ngFor="let item of customerAccountDocs.attachments">{{item.id}}</p>
</div>

{{item.id}

{{item.accountNumber}
{{item.etl}
{{item.subject}}
{{item.body}
{{item.deliveryAddress}
{{item.deliveryChannel}
{{item.id}

---

请帮助我。我只是使用引导来显示数据。

您应该迭代

项.附件

，而不是

customerAccountDocs.附件

<div class="card-body" *ngFor="let item of customerAccountDocs">
  <p>{{item.id}}</p>
  <p>{{item.accountNumber}}
  <p>{{item.etl}}
  <p>{{item.subject}}
  <p>{{item.body}}
  <p>{{item.deliveryAddress}}
  <p>{{item.deliveryChannel}}
  <p *ngFor="let attachment of item.attachments">{{attachment.id}}</p>
</div>

{{item.id}

{{item.accountNumber}
{{item.etl}
{{item.subject}}
{{item.body}
{{item.deliveryAddress}
{{item.deliveryChannel}
{{attachment.id}

您应该迭代

项.附件

，而不是

customerAccountDocs.附件

<div class="card-body" *ngFor="let item of customerAccountDocs">
  <p>{{item.id}}</p>
  <p>{{item.accountNumber}}
  <p>{{item.etl}}
  <p>{{item.subject}}
  <p>{{item.body}}
  <p>{{item.deliveryAddress}}
  <p>{{item.deliveryChannel}}
  <p *ngFor="let attachment of item.attachments">{{attachment.id}}</p>
</div>

{{item.id}

{{item.accountNumber}
{{item.etl}
{{item.subject}}
{{item.body}
{{item.deliveryAddress}
{{item.deliveryChannel}
{{attachment.id}