ionic2
Angularfire2 with Ionic2

소개

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 데이터베이스에 나타나거나 하나의 항목을 업데이트 할 수 있으며 데이터베이스에서 업데이트 된 것을 볼 수 있습니다. 다음과 같이 푸시하고 업데이트 할 수 있습니다.

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);