Ionic과 Firebase angularFire2 5.0.0 InvalidPipeArgument : 파이프 'AsyncPipe'에 대한 '[object Object]'

Question

im newbe 그리고 기본적으로 내 HortalicasPage에 간단한 목록을 표시하려고하는데, 무엇이 없습니까?

여러 번 시도했지만 성공하지 못했습니다. 무엇이 없습니까?

미안하지만 나는 초보자입니다. 유래가이 너무 많은 코드와 약간의 설명이 주장하기 때문에, 나에게 질문을 게시시키는되지

대단히 감사합니다, 나는 너무

hortalicas.ts

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); 
    } 
} 

그 미안 해요

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> 

제공자 firebase.ts

163,는 코드가 너무 많은 주석 코드로 인해 읽기가 매우 어렵 기 때문에이 그냥 샘플 코드 당신

Answer 1

감사드립니다. 희망 사례를 유스 케이스로 바꿀 수 있기를 바랍니다.