Website-Suche

typescript - Wie man Echtzeit-Bindungen in AngularFire2 deaktiviert


Ein Teil meiner Anwendung muss die Option haben, mehr Aktualisierungen zu laden, wenn Daten zur Datenbank hinzugefügt wurden. Allerdings kann ich in AngularFire2 keine Dokumentation finden, die erklärt, wie man die Echtzeitbindung von Objekten/Listen deaktiviert. Wenn ich Daten zur Firebase-Konsole hinzufüge, aktualisiert sich die Ansicht meiner Anwendung automatisch. Ich muss das Ereignis (nach dem Hinzufügen von Daten) zuerst erfassen und dann eine Option anzeigen, die es den Benutzern ermöglicht, mehr Aktualisierungen zu laden.

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');
  }
}

startseite.html

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

Hinweis: Ich benutze Ionic 2.