ionic2
Angularfire2 with Ionic2
サーチ…
前書き
ここではAngularFire2を統合し、このリアルタイムデータベースをIonic Appで使用する方法を示します。
AngularFireの初期化
まず、あなたのアプリケーションモジュールで角度ファイアモジュールを次のように初期化する必要があります:
const firebaseConfig = {
apiKey: 'XXXXXXXXXX',
authDomain: 'XXXXXXXXXX',
databaseURL: 'XXXXXXXXXX',
storageBucket: 'XXXXXXXXXX',
messagingSenderId: 'XXXXXXXXXX'
};
firebaseにサインインして新しいプロジェクトを作成することで、このキーを手に入れることができます。
imports: [
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule,
AngularFireAuthModule
],
AngularFire2を使用する
一度あなたのアプリにそれを持って、それをインポートする:
import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}
このObservable Listを使用すると、パスの下にあるアイテムのリストにアクセスできます。たとえば、root / items / foodがある場合は、次のような食品アイテムを取得できます。
this._af.list('root/items/food');
ここに新しいアイテムを置くだけで、あなたのfirebaseデータベースに表示されるか、またはアイテムを1つ更新すればデータベース上で更新されます。このようにプッシュして更新することができます:
this._af.list('root/items/food').push(myItemData);
this._af.list('root/items/food').update(myItem.$key, myNewItemData);
あるいは、あなたの食べ物リストから遠隔のアイテムさえもできます:
this._af.list('root/items/food').remove(myItem.$key);
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow