Angularfire i FirebaseListObservable ma eksportowany angularfire2 Członkowskiego stosującego jonowy 2 app

Question

FirebaseListObservable i Angularfire ma eksportowany element "angularfire2", gdy tworzę Ionic 2 app import zarówno pliki w home.ts

Moja Cordova, a wersję jonowej jest wersja Cordova 6.5.0 Ionic Version 2.2.3 Węzeł wersja 6.10.2 typowania wersja 2.1.1 wersja maszynopis 2.3.2

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import {AngularFire, FirebaseListObservable} from 'angularfire2'; 
@Component({ 
selector: 'page-home', 
templateUrl: 'home.html' 
}) 
export class HomePage { 
constructor(public navCtrl: NavController, af:AngularFire) { 
} 
} 

Answer 1

rozwiązaniem jest po prostu zmienić tę linię

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

do

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

*REFRENCE

Answer 2

Rozwiązanie że pracował dla mnie było, aby zmienić tę linię

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

do

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

Możesz przeczytać więcej na ten temat tutaj https://github.com/angular/angularfire2/blob/master/CHANGELOG.md

Answer 3

Ashish Jha, masz rację, gdy nowa aktualizacja wykorzystuje AngularFirestore i wykorzystuje prosty Obserwowalne zamiast FirebaseListObservable I nie był w stanie importować FirebaseListObservable i usiłował zrobić pchniecie(). Zmiana

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

do

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

działało w porządku dla mnie, dziękuję!

Answer 4

Począwszy od AngularFire 2.0.4 i powyżej FirebaseListObservable i FirebaseObjectObservable są teraz nazywane AngularFireList i AngularFireObject.

Przykład:

import { AngularFireDatabase, AngularFireObject } from 'angularfire2/database';