問題タブ [virtualscroll]

シンプルなグリッドに無限タイプのスクロールを実装しようとしています。Html は次のようになります。

検索ボックス モデルに基づいてグリッド内にあるものをフィルター処理したいのですが、単純に思えます。私は通常、ng-repeatで次を使用します

ただし、ng-repeat の代わりに「ui-scroll」を使用すると、エラーが発生します

Angular-ui スクロールを使用してデータをフィルター処理する方法が不足していますか? それ以外の場合にエラーをスローする問題を引き起こしているスクロールライブラリの行が表示されます

これは、Angular-ui スクロールではフィルタリングができないと思わせます。アイデアはありますか？

ng-show でデフォルトで非表示になっている div に angular-ui ui-scroll ディレクティブ (1.3.0) があります。非表示の場合、ui-scroll-viewport の高さが設定されていても、ui-scroll はデータソースからデータをロードし続けます。div が表示されている場合、正しく動作します。だから、今のところ私のdivは幅1pxです:/

これを ng-if で解決して、これを DOM に動的に追加できると確信しています。しかし、私はdivをレスポンシブに非表示/表示したかったので、cssから追い出されました。

非表示のときに ui-scroll がバッファから 1 ページのみをロードする方法について何か提案はありますか? ありがとうございました。

アプリケーションで無限スクロール機能を作成しようとしていますが、少し抽象的です。私はui-scrollを使用したいのですが、このフィドルはそれがどのように機能するかの簡単な例を示しています。

私は readme を読み、いくつかの例を調べました。また、その例をプロジェクトに統合して動作させましたが、これを自分のデータベースのデータと組み合わせる方法がわかりません。

私は映画と呼ばれるデータベーステーブルを持っています。ムービーには、title、release_date、image_url

$scope.movieDataSourceビューで使用できるように、そのデータを に挿入するにはどうすればよいですか?

私が得ようとしているものの例を作成しようとしました。http.get を使用してuserMoviesスコープにデータベースのレコードを入力し、それらのレコードを の項目として使用したいと考えていますmovieDataSource。

しかし、ページにアクセスするui-scrollと、コンテナに結果が追加されますが、コンテンツは表示されません。

私ならconsole.log("movieDataSource" + $scope.movieDataSource)それは私を示していますmovieDataSource[object Object]。

仮想スクロールを実行できるディレクティブを作成しようとしているので、ユーザーがテーブルをスクロールすると、テーブルは「古い」ビューを削除し、「新しい」ビューを追加します。コレクションの繰り返しのようなものですが、失敗しています。その背後にある数学を理解していなかったと思います。誰か助けてもらえますか?

これは私のディレクティブコードです:

Angular UI scrollを使用してい ます。私がフォローしている例はこれです。ここにデモページがあります。特定の位置にリスト項目を追加する機能があります。以下はコードの抜粋です。

この関数は、3 番目にリスト項目を追加します。ただし、これを使用して要素を一番上 (つまり、リストの一番上) に追加することはできません。scope.$index == 0の代わりに入れてみましscope.$index == 2た。を使用するscope.$index == 1と、2 番目の位置に要素が追加されます。ui-scroll にも prepend 関数がありますが、それを使用してアイテムを常にリストの一番上に追加する方法がわかりません。新しく追加されたアイテムは、常に位置 1 にある必要があります。

どんな提案でも大歓迎です。

この fiddleを使用して仮想スクロールを作成します。

実際のスクロール可能な高さを取得する方法がわかりません。

行サイズを変更しても機能しません。

また、200などの小さいサイズにするとうまくいきません。