Angular 我如何以角度访问此信息？

我无法访问此对象中的信息

ts文件

 import { Component } from '@angular/core';
 import { AngularFireDatabase, AngularFireObject } from 
         'angularfire2/database'
 import { Observable } from 'rxjs';

 @Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
 title:AngularFireObject<any>;
 message: Observable<any>;

   constructor(private db: AngularFireDatabase){
     this.title = db.object('message');
     this.message = this.title.valueChanges();
    }

 }

---

我想逐一访问它们。无论我喜欢访问什么。

您可以使用

for in

循环访问对象的属性。您可以将对象的内容推送到数组中，然后在该数组上运行

*ngFor

，以访问任何属性

for (var key in message){
  console.log('Email: ', message[key].email);    

  // push message[key] into an array
  messages.push(message[key]);
}

HTML:-

<p *ngFor="let m of messages"> {{m.email}} </p>

---

您可以使用

for in

循环访问对象的属性。您可以将对象的内容推送到数组中，然后在该数组上运行

*ngFor

，以访问任何属性

for (var key in message){
  console.log('Email: ', message[key].email);    

  // push message[key] into an array
  messages.push(message[key]);
}

HTML:-

<p *ngFor="let m of messages"> {{m.email}} </p>

---

注意：请澄清您在问题中的要求。您是否询问如何一次访问所有数据？或者，您是在询问如何仅访问一个属性？下面的解决方案是回答前一个问题（即如何一次访问

messages

属性中的所有数据？）

---

这是因为您使用的是只返回对象的

AngularFireDatabase#object

方法

您正在寻找的是

AngularFireDatabase#list

方法：

从'@angular/core'导入{Component}；
从“angularfire2/database”导入{AngularFireDatabase，AngularFireList}；
从“rxjs”导入{Observable}；
@组成部分({
选择器：'应用程序根'，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']
})
导出类AppComponent{
标题：AngularFireObject；
信息：可观察；
构造函数（专用数据库：AngularFireDatabase）{
this.title=db.list（“消息”）；
this.message=this.title.valueChanges（）；
}
}

注意：请澄清您在问题中的要求。您是否询问如何一次访问所有数据？或者，您是在询问如何仅访问一个属性？下面的解决方案是回答前一个问题（即如何一次访问

messages

属性中的所有数据？）

---

这是因为您使用的是只返回对象的

AngularFireDatabase#object

方法

您正在寻找的是

AngularFireDatabase#list

方法：

从'@angular/core'导入{Component}；
从“angularfire2/database”导入{AngularFireDatabase，AngularFireList}；
从“rxjs”导入{Observable}；
@组成部分({
选择器：'应用程序根'，
templateUrl:“./app.component.html”，
样式URL:['./app.component.css']
})
导出类AppComponent{
标题：AngularFireObject；
信息：可观察；
构造函数（专用数据库：AngularFireDatabase）{
this.title=db.list（“消息”）；
this.message=this.title.valueChanges（）；
}
}

你编码了什么吗？我添加了照片。现在请检查您已经添加了Firebase数据的照片，而不是您已经尝试过的。我也添加了代码。请检查hi@moumitakter！欢迎来到StackOverflow！请澄清你的问题是什么。您是在询问如何访问

messages

属性中数据库中的所有数据，还是在询问如何仅访问

messages

属性中的单个属性？您是否编写了代码？我添加了照片。现在请检查您已经添加了Firebase数据的照片，而不是您已经尝试过的。我也添加了代码。请检查hi@moumitakter！欢迎来到StackOverflow！请澄清你的问题是什么。您是询问如何访问

messages

属性中数据库中的所有数据，还是询问如何仅访问

messages

属性中的单个属性？Thaks Ankit，但它仅访问本地对象。我想访问数据库对象。@Moumitaakter-然后需要进行API调用。我以为你在前端有这些数据我有data@Moumitaakter-那有什么问题吗。上述解决方案对您来说应该很好，不是吗？当然，如果这是类属性，您必须将

消息

转换为

this.message

。此外，您始终可以将

var

关键字转换为

const

。Thaks Ankit，但它只能访问本地对象。我想访问数据库对象。@Moumitaakter-然后需要进行API调用。我以为你在前端有这些数据我有data@Moumitaakter-那有什么问题吗。上述解决方案对您来说应该很好，不是吗？当然，如果这是类属性，您必须将

消息

转换为

this.message

。此外，您可以始终将

var

关键字转换为

const

。对不起，Edric。我是新来的。这是我的第一个问题。我问的是如何访问messages属性中的单个数据段？我已经想好了如何一次访问整个消息属性数据。@Moumitaakter很抱歉问一下，您是只访问一个特定项，还是要从属性中访问随机项？对不起，Edric。我是新来的。这是我的第一个问题。我问的是如何访问messages属性中的单个数据段？我已经想到了如何一次访问整个消息属性数据。@Moumitaakter很抱歉，但是您是只访问一个特定项，还是要从属性访问随机项？