ionic2
Angularfire2 avec Ionic2

Introduction

Initialisation AngularFire

Tout d'abord, vous devez initialiser les modules angularfire dans votre module d'application comme ceci:

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

Vous pouvez obtenir cette clé en vous connectant sur firebase et en créant un nouveau projet.

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

Utiliser AngularFire2

Une fois que vous l'avez sur votre application, importez-le simplement:

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

Avec cette liste observable, vous pouvez accéder à une liste d'éléments sous un chemin, par exemple si vous avez racine / éléments / nourriture, vous pouvez obtenir des articles alimentaires comme ceci:

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

Et vous pouvez simplement mettre un nouvel élément ici et apparaître sur votre base de données Firebase, ou vous pouvez mettre à jour un élément et vous le verrez mettre à jour sur votre base de données. Vous pouvez pousser et mettre à jour comme ceci:

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

Ou vous pouvez même éloigner des objets de votre liste de nourriture:

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