web-dev-qa-db-fra.com

importer {AngularFireDatabase, FirebaseListObservable} à partir de "angularfire2/database";

j'ai eu un problème pour 

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database";

j'ai importé AngularFireDatabase mais FirebaseListObservable se trouvait sous une ligne rouge après la recherche Ce message m'a aidé à résoudre mon problème Obtention d'une erreur: "Aucun membre exporté, AngularFire, AuthProviders, AUthMethods, FirebaseListObservable" dans AngularFire2?

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";

mais quand je compile je reçois et il ne peut pas aider je ne sais pas quoi faire où chercher ect core.es5.js: 1020 ERREUR Erreur: Uncaught (promis): Erreur: Aucun fournisseur pour AngularFireDatabase! Erreur: Aucun fournisseur pour AngularFireDatabase!

"angularfire2": "^ 5.0.0-rc.2", "core-js": "^ 2.4.1", "firebase": "^ 4.5.0",

angulartypescriptfirebasefirebase-realtime-databaseangularfire2
3
asli

Dans angularfire2 ":" ^ 5.0.0-rc.2, vous ne pouvez pas utiliser FirebaseListObservable mais vous devrez utiliser 

import { AngularFireDatabase } from 'angularfire2/database';

et l'utiliser comme ça

constructor(public af: AngularFireDatabase) {
  let restaurants = this.af.list('/path');
}
4
S.Adikaram

j'ai eu la réponse après avoir lu https://github.com/angular/angularfire2/blob/master/CHANGELOG.md 5.0.0-rc.0 (2017-10-03)

la -deprecated vous permet d'utiliser l'ancienne API de base de données 

import { AngularFireDatabaseModule } from 'angularfire2/database-deprecated';

dans le fichier app.module.js .__ et que vous utilisez

 import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";

merci à vous deux, vous m'avez aidé 

6
asli

Vous devez importer les éléments suivants et les ajouter sous votre app.module.ts.

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
0
Sajeetharan