0

我正在创建一个 Ionic 应用程序，其中有一个我想要显示的信息列表，我使用 Firebase 作为我的数据库（实时数据库）。

但我一直收到这个错误：

Object(...) 不是函数

而且我不确定为什么，因为代码看起来不错（我检查了 angularfire2 git 以确保）。

所以这里是代码：

列表.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { AngularFireDatabase } from 'angularfire2/database';


@Component({
  selector: 'page-list',
  templateUrl: 'list.html'
})
export class ListPage {

  informationslist:any;

  constructor(public navCtrl: NavController, public navParams: NavParams,
  private afDB: AngularFireDatabase) {



      try{
      this.informationslist = afDB.list('information',  (ref) => 
      ref.orderByChild('datetime')).valueChanges();

      }catch(e){

        console.log(e);
      }


  }



}

列表.html

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>List</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

<ion-list>
  <ion-item *ngFor="let i of informationslist | async">{{i.title}}</ion-item>
</ion-list>



</ion-content>
4

1 回答 1

4

你能提供rxjs的版本吗？在大多数情况下，错误的版本可能会出现问题。我认为当前的 angularfire2 需要 rxjs 版本 6.0.0 或更高版本。完整的 javascript 堆栈也可能很有用。

此外，如果您之前使用过另一个 rxjs 版本，现在尝试升级，请考虑迁移指南：Migration guide rxjs from 5 to 6

于 2018-05-25T11:57:19.347 回答