Zoeken…


Invoering

Hier laat ik u zien hoe AngularFire2 te integreren en deze realtime database in onze Ionische App te gebruiken.

AngularFire-initialisatie

Allereerst moet u de angularfire-modules in uw app-module als volgt initialiseren:

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

Je kunt deze sleutels krijgen door je aan te melden bij firebase en een nieuw project te maken.

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

AngularFire2 gebruiken

Zodra u het in uw app heeft, importeert u het gewoon:

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

Met deze waarneembare lijst hebt u toegang tot een lijst met items onder een pad, bijvoorbeeld als u root / items / food hebt, kunt u dergelijke items krijgen:

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

En u kunt eenvoudig een nieuw item hier plaatsen en in uw firebase-database verschijnen, of u kunt een item bijwerken en u zult het update in uw database zien. Je kunt zo pushen en updaten:

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

Of u kunt zelfs externe items van uw voedsellijst:

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


Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow