当数据添加到数据库时,我的应用程序的某些部分需要选择加载更多更新。但是,我在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 。