問題タブ [nginfinitescroll]

この Angular スクリプトは API からコンテンツを取得します。ソースからコンテンツ全体を一度に取得しないように ngInfiniteScroll を実装しました。2 番目のページをロードするために ngInfiniteScroll 関数が起動すると、コンテンツのロードがほんの一瞬ですが、div 全体が消えます。理由はありますか？

実際の例

http://nolayout.com/archive/index-2.html

Angular スクリプト

HTML

デモ サイト ( http://binarymuse.github.io/ngInfiniteScroll/demos.html )で ngInfiniteScroll を使用する例を見てきましたが、それらはすべて、それらを構築するために低レベルの $http サービスを使用しているようです。スクロール。私が抱えている問題は、アプリの周りの他のコントローラーで他のパラメーターを渡しているため、 ngResourceを使用して工場ですべてのリソースを既に構築していることです。

$http の代わりに $resource を使用して ngInfiniteScroll を使用できるかどうかを知りたいですか? これまでのところ 1 つの例をまだ見つけていませんが、下にあるように REST API に新しいページをリクエストしたいだけです。これを行う方法のコード例やアイデアはありますか?

コメントに関する以下の解決策。

問題: 私の loadMore() メソッドは、すべてのコンテナのスクロールで実行されます。

意味: loadMore() は、親コンテナーの各マウス スクロールで実行されます ( infinite-scroll-parent="true")

望ましい結果: loadMore() を取得するには、infiniteScrollDistance が条件を満たしている場合にのみ実行します。

私のコードは、 demo_basicとdemo_asyncに非常にインスパイアされています。

私のアプリは写真ギャラリーです。写真を ajax 呼び出しで読み込み、サムネイル ディレクティブ リピーターに入力します。コントローラーの初期化時に ng-Infinite-Scroll を無効にし、コールバックの成功時に有効にします。

私のコーヒーコードには驚きはありません。単純なconsole.logを配置すると、問題がまだ発生するため、ロジックは重要ではありません.....

私のサムネイルディレクティブは同じです。当然のことながら、最後の写真がリピーターに取り込まれた瞬間に、コンポーネントを有効にします。

何が欠けているのか、間違っているのかわかりません。誰かが私を助けてくれることを願っています。

ありがとうございました。

私はngInfiniteScrollを使用していますが、デフォルトのアクションは、facebook のタイムラインと同じように、一番下に達したときにさらにアイテムをロードすることですが、反対に、一番上に達したときにアイテムをロードする必要があります。

ngInfiniteScroll または別の方法でそれを行う方法はありますか?

どうもありがとう。

私は無限スクロールを使用して投稿を読み込み、小さなjqueryスクリプトが必要なすべての投稿にカスタムのいいねボタンを統合しようとしました。私の問題は、この Jquery を ajax ロード ポストの成功の直後に追加したことです。しかし、たとえば 3. ページをロードすると、jquery スクリプトが 2 回実行され、2 ページ目の投稿で lke ボタンが正しく機能しません。どうすればこれを処理できますか? ajaxリクエストの後にコードを実行せず、このjqueryコードのみをグローバルに呼び出すと、ajax無限スクロールの新しくロードされた投稿でいいねボタンが機能しません。3. ajax の無限スクロールを介してページをロードするときなど、前のスリットを停止する必要があるかもしれませんが、どうすればよいですか? これは私のコードです：