Question

我需要帮助来显示带角度的firebase对象。我尝试使用console.log和html

显示对象1

<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(...)向您返回密钥。

然后，您可以在模板中循环浏览各个键，并使用[]成员访问运算符打印每个键的值：

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>

这是您推荐的Sample StackBlitz。

用Angular显示对象

2 个答案: