要在App.html中的菜单中使用Firebase和Ionic 3,你需要执行以下步骤:
import { AngularFireModule } from 'angularfire2';
import { environment } from '../environments/environment';
imports: [
AngularFireModule.initializeApp(environment.firebase),
IonicModule.forRoot(MyApp)
]
Menu
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { AngularFireDatabase } from 'angularfire2/database';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
rootPage:any = HomePage;
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, private afDB: AngularFireDatabase) {
platform.ready().then(() => {
statusBar.styleDefault();
splashScreen.hide();
});
}
doSomethingWithFirebase() {
// 在这里执行Firebase功能
this.afDB.list('items').valueChanges().subscribe(console.log);
}
}
通过以上步骤,你可以在App.html的菜单中与Firebase Ionic 3一起使用。请确保已正确配置Firebase并在需要的地方添加适当的Firebase功能代码。