AngularFire2 检索数据快照

Question

现在，我正在使用described in the documentation 方法解包我的数据。但是，文档指出：

AngularFire2 默认解包 Firebase DataSnapshot，但您可以通过指定 preserveSnapshot 选项将数据作为原始快照获取。

如何在不手动解包数据快照的情况下访问“默认”解包功能（阅读：访问item 的元素）？

我的 Firebase 数据如下所示：

{
  testObj : {
    firstName: "beckah",
    lastName: "s"
  }
}

我的代码（有效）是：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { AngularFireDatabase, FirebaseObjectObservable } from 'angularfire2/database';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  item: FirebaseObjectObservable<any>;
  constructor( public navCtrl: NavController,
              public db: AngularFireDatabase ) {
    this.item = db.object('/testObj', { preserveSnapshot: true });
    this.item.subscribe(snapshot => {
      console.log(snapshot.val())
    });
  }
}

哪些输出

Object {firstName: "beckah", lastName: "s"}

我如何能够做完全相同的事情（console.log 我的item 对象）而不像文档状态那样手动解开我的快照是可能的？

是否有某种this.item.get("firstName") 方法？

Answer 1

使用 AngularFire，您根本无需担心快照。只需订阅 AngularObjectObservable，它就会为您提供对象。

angularfire2 版本 4

this.item$ = this.db.object('/item').subscribe(item => console.log(item));

angularfire2 版本 5

this.item$ = this.db.object<Item>('/item').valueChanges().subscribe(item => console.log(item));

您不应该在构造函数中订阅。订阅onNgInit。然后确保在onNgDestroy 中取消订阅以避免内存泄漏。

在许多情况下，您根本不需要订阅——让 Angular 在模板中使用async 管道来完成：

angularfire2 版本 4

// component
public item$: FirebaseObjectObservable<Item>;

ngOnInit() {
  this.item$ = this.db.object('/item');
}

// template
<div *ngIf="item$ | async as item">
  First name is {{item?.firstName}}.
</div>

angularfire2 版本 5

// component
public item$: Observable<Item>;

ngOnInit() {
  this.item$ = this.db.object<Item>('/item').valueChanges();
}

// template
<div *ngIf="item$ | async as item">
  First name is {{ item?.firstName }}
</div>