Прочитайте объект и получите значения в угловых компонентах

Question

Я получаю приведенное ниже значение в точности так:

{"packBarCode": "Q122344", "usedQty": 11, "description": "Box of Chocs", "customerName": "Retail Mart}

из API и присвойте его Array [] в моем customerComponent.ts. Как получить, например, значения usedQty или CustomerName.

То, что я пробовал до сих пор ..в <ng-container *ngFor="let customers of customerDetails"> {{customers.customerName}} </ng-container> .html:

Я новичок в Angular и не уверен, как это прочитать, так как это объект. Я получаю сообщение об ошибке "Не удается найти другой поддерживающий объект '[object Object]' изтипа ... "Пожалуйста, дайте мне знать, если я должен поставить больше информации. Спасибо

Answer 1

Предполагая, что вы пытаетесь получить доступ к массиву внутри объекта, вы должны изменить *ngFor на *ngFor="let customer of customerDetails.customers".Затем отобразите свойства клиента в вашем представлении с помощью {{ customer.customerName }} или любого другого свойства, которое вы хотите отобразить.

Трудно определить, что происходит, не видя объект или массив в вашем компоненте.

Если вы просто пытаетесь отобразить этот объект:

{
  "packBarCode":"Q122344",
  "usedQty":11,
  "description":"Box of Chocs",
  "customerName":"Retail Mart
}

в вашем представлении, вы не можете использовать директиву *ngFor.Это предназначено для перебора массивов.Просто используйте {{ objectName.propertyName }}, чтобы отобразить то, что вам нужно.