Suche…


Einführung

Hier erfahren Sie, wie Sie AngularFire2 integrieren und diese Echtzeitdatenbank in unserer Ionic App verwenden.

AngularFire-Initialisierung

Zunächst müssen Sie die Winkelfeuer-Module in Ihrem App-Modul folgendermaßen initialisieren:

  const firebaseConfig = {
  apiKey: 'XXXXXXXXXX',
  authDomain: 'XXXXXXXXXX',
  databaseURL: 'XXXXXXXXXX',
  storageBucket: 'XXXXXXXXXX',
  messagingSenderId: 'XXXXXXXXXX'
};

Sie erhalten diese Schlüssel, indem Sie sich bei firebase anmelden und ein neues Projekt erstellen.

imports: [
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule
  ],

AngularFire2 verwenden

Sobald Sie es in Ihrer App haben, importieren Sie es einfach:

import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}

Mit dieser Beobachtungsliste können Sie auf eine Liste von Objekten unter einem Pfad zugreifen. Wenn Sie beispielsweise root / items / food haben, können Sie Nahrungsmittel wie diese erhalten:

this._af.list('root/items/food');

Sie können einfach ein neues Element hier einfügen und werden in Ihrer Firebase-Datenbank angezeigt, oder Sie können ein Element aktualisieren und es wird in Ihrer Datenbank aktualisiert. Sie können wie folgt pushen und aktualisieren:

this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);

Oder Sie können sogar Gegenstände aus Ihrer Nahrungsliste entfernen:

this._af.list('root/items/food').remove(myItem.$key);


Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow