ionic2
Ionic2 के साथ Angularfire2
खोज…
परिचय
यहाँ बीमार आपको दिखाते हैं कि AngularFire2 को कैसे एकीकृत करें और हमारे Ionic ऐप में इस वास्तविक समय डेटाबेस का उपयोग करें।
AngularFire आरंभीकरण
सबसे पहले आपको इस तरह से अपने ऐप मॉड्यूल में कोणीय गोलाबारी मॉड्यूल को इनिशियलाइज़ करना होगा:
const firebaseConfig = {
apiKey: 'XXXXXXXXXX',
authDomain: 'XXXXXXXXXX',
databaseURL: 'XXXXXXXXXX',
storageBucket: 'XXXXXXXXXX',
messagingSenderId: 'XXXXXXXXXX'
};
आप इस चाबियों को फायरबेस पर साइन करके और एक नया प्रोजेक्ट बनाकर प्राप्त कर सकते हैं।
imports: [
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule,
AngularFireAuthModule
],
AngularFire2 का उपयोग करना
एक बार जब आप इसे अपने ऐप पर ले लेते हैं, तो इसे आयात करें:
import { AngularFireDatabase } from 'angularfire2/database';
constructor (private _af: AngularFireDatabase) {}
इस अवलोकन सूची के साथ आप एक पथ के अंतर्गत वस्तुओं की सूची तक पहुँच सकते हैं, उदाहरण के लिए यदि आपके पास रूट / आइटम / भोजन है तो आप इस तरह से खाद्य पदार्थ प्राप्त कर सकते हैं:
this._af.list('root/items/food');
और आप यहां एक नया आइटम रख सकते हैं और आपके फायरबेस डेटाबेस पर दिखाई देंगे, या आप एक आइटम को अपडेट कर सकते हैं और आप इसे अपने डेटाबेस पर अपडेट करते देखेंगे। आप इस तरह से धक्का और अपडेट कर सकते हैं:
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);