Показать объект с Angular

Question

Мне нужна помощь, чтобы отобразить объект пожарной базы с угловым.Я пытаюсь отобразить объект 1 с console.log и html

<div *ngFor="let k of body | keys ; let i = index">
   <h2>{{ body.nombre }} </h2>
</div>

{nombre: "chat1"} 
nombre: "chat1"
__proto__: Object

Answer 1

Вы также можете попробовать

<div *ngFor="let k of data"> -- where data is the field name to which you are saving the data
    <h2>{{ k.nombre }} </h2>
</div>

Answer 2

Вы можете создать get тер, который будет возвращать вам ключи, используя Object.keys(...).

В шаблоне вы можете затем циклически перебирать ключи и распечатывать значение каждой клавиши, используя * 1005.* оператор доступа члена:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  body = { nombre: 'Chat1', foo: 'bar' };

  get transformedBody() {
    return Object.keys(this.body);
  }
}

Затем используйте его следующим образом:

<div *ngFor="let key of transformedBody">
  <h2>{{ key }}: {{ body[key] }}</h2>
</div>

Вот Пример StackBlitz для вашей ссылки.