如何从AngularFire2中的列表中检索特定值

时间:2019-06-25 09:33:21

标签: angular typescript firebase firebase-realtime-database angularfire2

我有一个Firebase实时数据库,如下所示:

Items:
    Object0:
        value1: "Foo-0"
        value2: "Bar-0"
    Object1:
        value1: "Foo-1"
        value2: "Bar-1"
    ...

...等,将其简化以简化操作。每个“ ObjectX”都包含完全相同的结构, 像value1,value2 ...两者之间的唯一区别是value1,value2的值。

我需要从每个对象中获取value1。 现在,我可以通过获取每个对象并将值分配给变量来做到这一点:

import { AngularFireDatabase } from '@angular/fire/database';
...
export class FooComponent{
  objectOne: ObjectModel = <ObjectModel>{};
  objectTwo: ObjectModel = <ObjectModel>{};

  constructor(private firebase: AngularFireDatabase) {}
  ngOnInit() {
    this.firebase
      .object('/Items/Object0')
      .valueChanges()
      .subscribe((objectm: ObjectModel ) => {
        this.objectOne = objectm; }

    this.firebase
      .object('/Items/Object1')
      .valueChanges()
      .subscribe((objectm: ObjectModel ) => {
        this.objectTwo = objectm; }

  valueOne = this.objectOne.value1; //"Foo-0"
  valueTwo = this.objectTwo.value1; //"Foo-1"
  }
}
export interface ObejctModel {
    value1: string;
    value2: string;   
  }

我想有一种使用firebase.list('/Items')代替firebase.object的方法更简单,但我做不到 似乎找到了适合我的解决方案。谁能帮我重构此代码,以便它 只使用1个列表而不是2个(或更多)对象?

此外,我必须将值分配给打字稿中的变量,而不是模板方法中通常的{{ items | async }}

1 个答案:

答案 0 :(得分:2)

您可以执行以下操作:

this.firebase.list('/Items').valueChanges().subscribe(items => {
     console.log(items);  
     items.forEach(values=>{ console.log(values) });
    });

items将包含数据库中的所有对象和值。您还可以使用forEach在数组内部进行迭代,这样就可以在不知道键value1的情况下访问value2(Object0 and Object1)