Ionic和Firebase angularFire2 5.0.0无效管道参数：'；[对象对象]'；对于管道'；异步管道&x27；

我是新手，基本上我想在我的HortalicasPage中显示一个简单的列表，我遗漏了什么

我做了几次尝试，但都没有成功，我错过了什么

对不起，我是个初学者。多谢各位

stackoverflow不允许我发布这个问题，因为它声称它有太多的代码和很少的描述，对此我也很抱歉

霍塔利卡斯酒店

import { Component } from '@angular/core';
import { NavController, Item } from 'ionic-angular';
import { DetalheHortalicaPage } from '../detalhe-hortalica/detalhe-hortalica';
import { AngularFireDatabase, AngularFireList } from "angularfire2/database";
import { FirebaseProvider } from '../../providers/firebase/firebase';
import { Observable } from 'rxjs/Observable';



@Component({
  selector: 'page-hortalicas',
  templateUrl: 'hortalicas.html'
})
export class HortalicasPage {
  HortalicasList

  constructor(public navCtrl: NavController, 
    public firebaseProvider: FirebaseProvider, 
    afDb: AngularFireDatabase) {

      this.HortalicasList = firebaseProvider.getListHortalicias();

      console.log(this.HortalicasList);

      //this.database.list('shopping-list').valueChanges();;
  //  const HortalicaList = this.firebaseProvider.getListHortalicias();
  //this.HortalicaList = this.firebaseProvider.getListHortalicias().valueChanges().subscribe(console.log);
 // this.firebaseProvider.getListHortalicias().valueChanges().subscribe(console.log);
    //console.log(this.firebaseProvider.getListHortalicias().valueChanges());
    //firebaseProvider.getListHortalicias().valueChanges().subscribe(console.log);
    //afDb.list<Item>('hortalicas').valueChanges().subscribe(console.log);

  }
  goToDetalheHortalica(params){
    if (!params) params = {};
    this.navCtrl.push(DetalheHortalicaPage);
  }
}

从'@angular/core'导入{Component}；
从“离子角度”导入{NavController，Item}；
从“../detalhe-hortalica/detalhe-hortalica”导入{detalhe-hortalica}”；
从“angularfire2/database”导入{AngularFireDatabase，AngularFireList}；
从“../../providers/firebase/firebase”导入{FirebaseProvider}；
从“rxjs/Observable”导入{Observable}；
@组成部分({
选择器：'page hortalicas'，
templateUrl:'hortalicas.html'
})
导出类HortalicasPage{
激素表
构造函数（公共navCtrl:NavController，
公共firebaseProvider:firebaseProvider，
非洲开发银行：AngularFire数据库）{
this.HortalicasList=firebaseProvider.getListHortalicias（）；
console.log（this.HortalicasList）；
//this.database.list（'shopping-list'）.valueChanges（）；；
//const HortalicaList=this.firebaseProvider.getListHortalicias（）；
//this.HortalicaList=this.firebaseProvider.getListHortalicias（）.valueChanges（）.subscribe（console.log）；
//this.firebaseProvider.getListHortalicias（）.valueChanges（）.subscribe（console.log）；
//log（this.firebaseProvider.getListHortalicias（）.valueChanges（））；
//firebaseProvider.getListHortalicias（）.valueChanges（）.subscribe（console.log）；
//afDb.list（'hortalicas'）.valueChanges（）.subscribe（console.log）；
}
goToDetalheHortalica（params）{
如果（！params）params={}；
this.navCtrl.push（DetalheHortalicaPage）；
}
}

hortalicas.html

<ion-header>
  <ion-navbar>
    <ion-title>
      Hortalicas
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding id="page6">
  <ion-list id="hortalicas-list7">
    <ion-searchbar placeholder="Buscar Hortaliça" name="SearchBarHortailica" id="hortalicas-search1"></ion-searchbar>
     <ion-item-sliding *ngFor="let item of HortalicasList | async">
        <ion-item color="none" on-click="goToDetalheHortalica()" id="hortalicas-list-item19">
          <ion-thumbnail item-left>
            <img />
          </ion-thumbnail>
          <h2>
              {{ item.name }}
              1
          </h2>
        </ion-item>
      </ion-item-sliding>
  </ion-list>
</ion-content>

霍尔塔里卡斯
{{item.name}
1.

提供商firebase.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
import { AngularFireDatabase } from "angularfire2/database";
import { Item } from 'ionic-angular';
/*
  Generated class for the FirebaseProvider provider.

  See https://angular.io/guide/dependency-injection for more info on providers
  and Angular DI.
*/
@Injectable()
export class FirebaseProvider {

  constructor(public afd: AngularFireDatabase) {
    console.log('Hello FirebaseProvider Provider');
  }

  getListHortalicias(){
    return this.afd.list<Item>('hortalicas')
  }


}

从'@angular/core'导入{Injectable}；
从'@angular/Http'导入{Http}；
导入'rxjs/add/operator/map'；
从“angularfire2/database”导入{AngularFireDatabase}；
从“离子角度”导入{Item}；
/*
为FirebaseProvider生成的类。
看见https://angular.io/guide/dependency-injection 有关提供商的更多信息
和角DI。
*/
@可注射（）
导出类FirebaseProvider{
建造商（公共afd:AngularFireDatabase）{
log（'Hello FirebaseProvider'）；
}
getListHortalicias（）{
返回此.afd.list（'hortalicas'）
}
}

---

谢谢

这只是一个示例代码，因为您的代码很难阅读，因为注释掉的代码太多了。希望您能将其转换为您的用例

hortalicasList : AngularFireList<any>;

constructor(){}

gethortalicasList  = (ev: any) : AngularFireList<any> {
  this.hortalicasList =  this.afDatabase.list('/Hortalicas', {
       query:{
        }
      }
     ).valueChanges();

    return this.hortalicasList;
}

hortalicasList:AngularFireList；
构造函数（）{}
gethortalicasList=（ev:any）：AngularFireList{
this.hortalicasList=this.afDatabase.list（“/Hortalicas”{
查询：{
}
}
).valueChanges（）；
返回此.hortalicasList；
}

这只是一个示例代码，因为您的代码很难阅读，因为注释掉的代码太多了。希望您能将其转换为您的用例

hortalicasList : AngularFireList<any>;

constructor(){}

gethortalicasList  = (ev: any) : AngularFireList<any> {
  this.hortalicasList =  this.afDatabase.list('/Hortalicas', {
       query:{
        }
      }
     ).valueChanges();

    return this.hortalicasList;
}

hortalicasList:AngularFireList；
构造函数（）{}
gethortalicasList=（ev:any）：AngularFireList{
this.hortalicasList=this.afDatabase.list（“/Hortalicas”{
查询：{
}
}
).valueChanges（）；
返回此.hortalicasList；
}

谢谢，很抱歉我的评论行，我尝试了几种方法。顺便说一句，我把.valueChanges（）；在本文末尾，HortalicasList=firebaseProvider.getListHortalicias（）；而且效果很好。我不太明白，据我所知，当列表中出现值更改时，valueChanges适用于：）很高兴听到这有帮助：）谢谢，我对我的评论行感到抱歉，我尝试了几种方法。顺便说一句，我把.valueChanges（）；在本文末尾，HortalicasList=firebaseProvider.getListHortalicias（）；而且效果很好。我不太明白，据我所知，当列表中出现值更改时，valueChanges是为您服务的（很高兴听到它有帮助：）