ionic 앱을 만들었고이 앱에서 ionic 앱과 연결하고 싶습니다 firebase
. 하지만 구성 firebase
및 이온 앱 후 문제가 있습니다.
모듈에서 예기치 않은 값을 가져 왔습니다. @ngmodule 주석을 추가하십시오.
데이터베이스 firebase
를 가져 왔고 이제 해당 데이터에 새 데이터를 추가하고 가져오고 싶습니다.
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { AngularFireModule } from 'angularfire2';
// import { AngularFireModule } from 'angularfire2/src/angularfire2';
import { AngularFireDatabase, AngularFireDatabaseModule,FirebaseListObservable } from 'angularfire2/database';
@NgModule({
declarations: [
MyApp,
HomePage
],
imports: [
BrowserModule,
HttpModule,
IonicModule.forRoot(MyApp),
AngularFireModule,
AngularFireDatabase,
// AngularFireDatabaseModule,
FirebaseListObservable
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}
home.ts
import { Component } from '@angular/core';
import { NavController, ModalController, Platform } from 'ionic-angular';
import { AngularFireDatabase, AngularFireDatabaseModule, FirebaseListObservable} from 'angularfire2/database';
import 'rxjs/add/operator/map';
import * as firebase from 'firebase';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
public movies : FirebaseListObservable<any[]>;
constructor(public navCtrl: NavController, private angFire: AngularFireDatabase, private modalCtrl : ModalController,private platform : Platform) {
}
ionViewDidLoad()
{
this.platform.ready()
.then(() =>
{
this.movies = this.angFire.list('/films');
});
}
addRecord()
{
let modal = this.modalCtrl.create('Modals');
modal.present();
}
editMovie(movie)
{
let params = { movie: movie, isEdited: true },
modal = this.modalCtrl.create('Modals', params);
modal.present();
}
deleteMovie(movie : any)
{
this.movies.remove(movie);
}
}
AngularFireDatabase
모듈이 아니라 공급자입니다. app.module.tsAngularFireDatabaseModule
에서 공급자가 아닌 가져 오기만하면됩니다. 설정 문서 도 확인 하세요.
export const firebase: {
apiKey: '<your-key>',
authDomain: '<your-project-authdomain>',
databaseURL: '<your-database-URL>',
projectId: '<your-project-id>',
storageBucket: '<your-storage-bucket>',
messagingSenderId: '<your-messaging-sender-id>'
};
imports: [
BrowserModule,
HttpModule,
IonicModule.forRoot(MyApp),
AngularFireModule.initializeApp(firebase),
AngularFireDatabaseModule //this one
],
그리고 app.module.ts의 공급자 배열에서
providers: [
AngularFireDatabase,
//...
]
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다