如何禁用AngularFire2中的实时绑定

时间:2016-12-09 11:36:31

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

当数据添加到数据库时,我的应用程序的某些部分需要选择加载更多更新。但是,我在AngularFire2中找不到任何文档,说明如何禁用对象/列表的实时绑定。当我向Firebase控制台添加数据时,会自动更新我的应用程序视图。我需要首先捕获事件(在添加数据之后),然后显示允许用户加载更多更新的选项。

home.ts

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

import { NavController } from 'ionic-angular';

import {AngularFire, FirebaseListObservable} from 'angularfire2';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
    posts: FirebaseListObservable<any>;

  constructor(public navCtrl: NavController, af: AngularFire) {
    this.posts = af.database.list('/posts');
  }
}

home.html的

<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let post of posts | async">
      {{post.about}}
    </ion-item>
  </ion-list>
</ion-content>

注意:我使用的是 Ionic 2

0 个答案:

没有答案