問題タブ [nginfinitescroll]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - angularjs と jade での無限スクロールの使用
ダッシュボード Web アプリでangularjs 無限スクロールを使用しています。複数の無限スクロール可能なウィジェットを保持する単一のページがあります。それぞれに無限スクロールが必要なので、このディレクティブを使用することにしましたが、どういうわけか期待どおりに機能しません。メインブラウザウィンドウの代わりに完全なスクロールバーを使用する内部コンテンツdivスクロールバーに対して無限スクロールが機能するようにします。Google で検索したところ、デフォルトの動作を変更するために使用できる 2 つの新しい変数、infinite-scroll-containerとinfinite-scroll-parentを説明する複数のスレッドが見つかりました。私は両方を試しましたが、どちらも私のために働いていません。perfect-scrollbar の使用が問題を引き起こしていると思います。
翡翠コード:
複数のウィジェットがあるため、infinite-scroll-container に同じ ID またはクラスを使用できないため、動的 ID を生成することにしました。
infinite-scroll-container 内に動的クラスを挿入するにはどうすればよいですか?
次のエラーが表示されます。
エラー: 'Document' で 'querySelector' を実行できませんでした: '#streamScroll-{{$index}}' は有効なセレクターではありません。
PS次のスレッドを見ましたが、私の要件をカバーしているものはありませんでした:
angularjs - 無限スクロールのAngular「もっと見る」ボタン
私は自分のソリューションを何ヶ月も使用しています。シンプルだと思ったので開発しました。しかし、コードは非常にぎこちなく、厄介であることが判明しました。それで諦めたのですが、そのための良いオープンソース/コミュニティベースモジュールが見つかりません。
私はこれが大好きです。 https://binarymuse.github.io/ngInfiniteScroll/
それに「もっと見る」ボタンを追加する方法はありますか？
angularjs - アップスクロールでのinfiniteScrollのトリガーを防ぐ方法
このチュートリアルに従って nginfintescroll ライブラリを実装します ここをクリック
しかし、イベントは下スクロールと上スクロールの両方でトリガーされました。アップスクロールイベントを無効にしたい
angularjs - 無限スクロールをサポートする角度流星コレクションのフィルタリングに関する問題
ユーザーが写真を並べ替えたり、ユーザーごとにフィルター処理したり、興味のある複数のカテゴリをチェックしたり、フィルター処理されたデータを日付やお気に入りの数などで並べ替えたりできるインタラクティブな写真データベースを作成しようとしています。フィルター/並べ替え条件は DOM でユーザーによって選択され、クライアント側から に保存されます$scope.model。ユーザーに表示されるデータの量は、無限スクロールで制御されます。
この例のリポジトリを作成し、ここにデプロイしました。scroll.controller.js以下から関連するコードの一部を再現しました。
コード
問題
画像をうまくスクロールでき、無限スクロール機能も機能しているようです。ただし、DOM から画像をフィルタリングしようとすると、フィルタリングされた結果はスクロール前に最初に表示されたものだけであり、$scope.$emit を使用しているにもかかわらず、スクロールしても基準を満たす残りの画像は表示されません。さらに読み込むように ngInfiniteScroll に通知します ( documentation )。
EDIT：最初のフィルタリングされたリストが実際に一番下に到達した場合、スクロールは適切に追加されます。最初のフィルタリングされたリストがスクリーンの一番下に達しない場合にのみ追加されないようです。
質問
フィルタリングされたコレクションで期待どおりに ngInfiniteScroll を動作させるには、何を変更できますか?
ヘルプ、考え、または提案をいただければ幸いです。他に見たいものがあればお知らせください。ありがとうございました！
angularjs - Angular JS orderBy は ngInfiniteScroll では機能しません
Angular JS でオブジェクトの配列をループしています。複数のフィルターを適用しており、遅延読み込みに ngInfiniteScrolling も使用しています。ソートを使用できないことを除いて、すべて正常に動作します。何orderByを適用しても、何も変わりません。これが私のコードです：
最後のフィルターの後 ( limitTo| orderBy : myFieldの前) に何も変更しない場合、並べ替えが適用されていないようです。誰にもアイデアはありますか？