2017-05-17 29 views
1

私はAngular 2で無限のスクロールを実装し、firebaseからデータを取得しようとしています。私が観察を使用していますが、それは私がデータベースを持っているすべてのレコードを持っている、そのためのコードは、私がリンクangularfire2無限スクロールの実装

からの角度1つの実装の1つを試してみましたchuncksにデータを持ち込む作るため

getUsers(): Observable<any> { 
    return this.http.get(`${baseUrl}.json`).map((res: Response) => { 
    this.data = res.json(); 
    return this.data; 
    }); 
} 

です

https://stackoverflow.com/a/40634381/5290012

また

https://medium.com/@Sureshkumar_Ash/angular-2-simple-infinite-scroller-directive-with-rxjs-observables-a989b12d4fb1

usinを実現しようとしましたgはプロパティが存在しないというエラーをスローしています

プロパティ 'orderByChild'が 'Observable'型に存在しません。

私はそもそも2に機能を分割することにより、これを実装することができた、とaddItems()関数は毎回スクロールの底に達すると呼ばれる

+0

あなたはanglefire2を使用しようとしていますか?あなたがやっていることは、anglefire2を全く使わないからです。私は[angularfire2 repo](https://github.com/angular/angularfire2)に行き、ドキュメントに従います。 orderByChildは、AngularfireDatabaseリストでのみ使用できます。 –

+0

@ J.AdamConnorありがとう、私の実装が間違っていたのは間違いありません。 – Vijay

+0

ええ、検索機能に結果をページ設定し、スクロール中にendAt値を動的に変更する必要があります。これらの行に何かがあります.... –

答えて

1

にアプローチする必要がどのように提案してください追加のデータを取得するページ。

getUsers(): Observable<any> { 
    return this.fb.list('/items', { 
     query: { 
     orderByChild: 'pnr_id', 
     limitToFirst: 200, 
     } 
    }); 
    } 

    addItems(newStart) { 
    console.log(newStart); 
     return this.fb.list('/items', { 
     query: { 
      orderByChild: 'pnr_id', 
      startAt: newStart, 
      endAt: newStart + 200, 
     } 
     }); 
    }; 

これは完璧に機能しています。

関連する問題