angular 9 показать массив значений объекта один за другим

Question

[
{"_id":"5e56579e97dd2029e407f89d","name":"Loka","mobileno":25689,
 "type":"D","gender":"Male","__v":0},
{"_id":"5e578a70547cff4058b26ee1","name":"NNN","mobileno":36954,
 "type":"D","gender":"Male","__v":0},
{"_id":"5e57c02ece0c6928ac575798","name":"ssss","mobileno":855,
 "type":"B","gender":"Male","__v":0},
{"_id":"5e57c33ece0c6928ac57579a","name":"ssss","mobileno":859,
 "type":"B","gender":"Male","__v":0},
{"_id":"5e57c360ce0c6928ac57579b","name":"ssss","mobileno":5486,
 "type":"B","gender":"Female","__v":0},
{"_id":"5e57c407ce0c6928ac57579c","name":"Dhaval","mobileno":24569,
 "type":"C","gender":"Female","__v":0}
]

Я хочу получить каждое значение сверху Массив объектов. Я написал ниже код для вышеупомянутого массива

<div *ngFor="let items of customers">
  {{items}}
</div>

Я хочу вывод, как

Имя: Тип Dhaval: C

Answer 1

<div *ngFor="let items of customers">
    {{items.name}} {{items.mobileno}} {{items.type}} {{item.gender}}
</div>

Вы можете просматривать массив объектов с помощью соответствующих ключей.

Answer 2

Я создал пример для отображения значения. См. Ссылку ниже для того же.

angular 9 показать массив значений объекта один за другим

Надеюсь, эта помощь.

Answer 3

Подумайте, что вы ищете, это канал ключевого значения.

<div *ngFor="let items of customers">
  <div *ngFor="let item of items | keyvalue">
     {{item.key}}: {{item.value}}
  </div>
</div>

Источник: https://angular.io/api/common/KeyValuePipe

Answer 4

Если вы хотите вывести сообщение для каждого элемента в массиве, вы можете просто использовать интерполяцию.

<div *ngFor="let items of customers">
  Name:{{items.name}} Type:{{items.type}}
</div>