ionic2
Angularfire2 med Ionic2
Sök…
Introduktion
Här visar jag dig hur du integrerar AngularFire2 och använder denna databas i realtid i vår Ionic App.
AngularFire-initialisering
Först måste du initiera vinkelfyrmodulerna i din appmodul så här:
const firebaseConfig = {
apiKey: 'XXXXXXXXXX',
authDomain: 'XXXXXXXXXX',
databaseURL: 'XXXXXXXXXX',
storageBucket: 'XXXXXXXXXX',
messagingSenderId: 'XXXXXXXXXX'
};
Du kan få dessa nycklar genom att logga in på eldbasen och skapa ett nytt projekt.
imports: [
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule,
AngularFireAuthModule
],
Använda AngularFire2
När du har det på din app, importera det bara:
import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}
Med den här observerbara listan kan du få tillgång till en lista över objekt under en sökväg, till exempel om du har rot / föremål / mat kan du få mat som detta:
this._af.list('root/items/food');
Och du kan enkelt sätta ett nytt objekt här och visas i din brandbasdatabas, eller så kan du uppdatera ett objekt så ser du det uppdateras i din databas. Du kan trycka och uppdatera så här:
this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);
Eller så kan du till och med fjärrvaror från din matlista:
this._af.list('root/items/food').remove(myItem.$key);
Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow