ionic2
Angularfire2 mit Ionic2
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);