数据未进入 AngularFire with Ionic 和 Angular 应用程序

Question

我遇到了错误，而且数据也没有进入 Angular 并且 ionic 应用程序使用 angularfire for firebase。

package.json :

"dependencies": {
    "@angular/common": "5.0.3",
    "@angular/compiler": "5.0.3",
    "@angular/compiler-cli": "5.0.3",
    "@angular/core": "5.0.3",
    "@angular/forms": "5.0.3",
    "@angular/http": "5.0.3",
    "@angular/platform-browser": "5.0.3",
    "@angular/platform-browser-dynamic": "5.0.3",
    "@ionic-native/core": "4.4.0",
    "@ionic-native/splash-screen": "4.4.0",
    "@ionic-native/status-bar": "4.4.0",
    "@ionic/pro": "1.0.16",
    "@ionic/storage": "2.1.3",
    "angularfire2": "^5.0.0-rc.1",
    "firebase": "^4.4.0",
    "ionic-angular": "3.9.2",
    "ionicons": "3.0.0",
    "rxjs": "5.5.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },

Firebase 服务：

constructor(public afDB: AngularFireDatabase) {
    console.log('Hello FireBaseServicesProvider Provider');
  }

  getStockUserList(){
    // let getData = this.afDB.list().
    return this.afDB.list('stock/').valueChanges();
    // this.afDB.list('stock/');
  }

在 page.ts 文件中：

    stockList: Observable<any>;
this.stockList = this.fbService.getStockUserList();

在 html 中：

<ul>
    <li *ngFor="let item of stockList | async">
      {{ item.age }}
    </li>
  </ul>

在 firebase 股票列表中，姓名和年龄具有唯一键。添加工作正常，但从 firebase 获取的数据有问题并且还显示 "ngFor is only for array elements " 和

typescript error
            Cannot find type definition file for 'firebase'.

Answer 1

返回 Firebase 4.8.0：

在你的 CLI 中你的项目路径类型：npm uninstall firebase 然后一旦鱼卸载，输入：npm cache clear
然后输入：npm install firebase@^4.8.0
最后：删除 package.json 中的依赖项中的 "firebase": "^5.0.0-rc.1" 并键入 "firebase": "4.8.0"

数据未进入 AngularFire with Ionic 和 Angular 应用程序

Data not getting in AngularFire with Ionic and Angular Application

firebase

angularfire

ionic-framework

firebase-realtime-database

angular