問題タブ [nginfinitescroll]

angular.js コンポーネントにngInfiniteScrollを適用しようとしました。を使用する必要があることはわかっていますがng-repeat、実際にはこれを適用する方法がわかりません。

私の場合、データは繰り返し用の HTML ドキュメントとして作成されます。それぞれの$ctrl.htmlViewsデータはこんな感じ。

これらのドキュメントを以下に追加したいと思い<ul>ます。

これがコントローラーのコードスニペットです。

ajax リクエストの結果は$http、以下のような HTML コードに既に組み込まれています。

持っているタグが重複していると思ったng-repatので、上記のコードのようなコードを書きました。しかし、私は使いたくありません<div ng-repeat= ....></div>。その場合、結果ページはこのようになります。

これはひどいと思います。のようなタグを追加せずに繰り返すにはどうすればよいdivですか?

もう1つの問題。

私は宣言しinfinite-scroll='$ctrl.loadMore()' infinite-scroll-distance='1'ましたが、angular.js はロード後に関数を呼び出しませんloadMore()(つまり、初期化時に 1 つの要求だけで、関数を呼び出す必要はありません)。

ユーザーがスクロールするときに要素を表示する無限スクロール ページを実行しようとしています。

したがって、スクロールがページの最後に達したことを検出するたびに、呼び出します

そしてそれがトリガーされます（自動実行）

わかった。それは働いています。ただし、 が呼び出されるたびthis.items = Items.find();に、ユーザーのブラウザは一番上までスクロールされます。

これは、dom 要素が削除され、スクロールがリセットされ、要素が以前のスクロール位置を復元せずに再度追加されたことが原因である可能性があります。

私は何を間違っていますか？

「見かけ」が機能している例:

• https://github.com/barbatus/ng-infinite-scroll/blob/master/scroll-controller.js
• https://github.com/abecks/meteor-infinite-scroll
• http://meteorpedia.com/read/Infinite_Scrolling

@＃＃＃＃＃＃＃＃＃＃＃ 編集 ＃＃＃＃＃＃＃＃＃＃＃＃@

Items.find()実際、 a の後にサブスクリプションを停止すると、これが機能することに気付きましたh.stop()...前の mango カーソルは、最後のサブスクリプション制限で更新されていると思います。

ただし、最初のケースでこれがすべてを再描画していた理由をまだ理解できません..

https://www.npmjs.com/package/angular2-infinite-scrollライブラリを使用して Angular 2 アプリに無限スクロールを追加していますが、次のエラーが表示されます

ngInfiniteScroll は huawei Honor 7 では動作しませんが、他の Android デバイスと iPhone では正常に動作します。huawei 電話でテストすると、バグが見つかりません。修正方法がわかりません!同じ質問に答えましたか? ! これが私のコードです！

私は角度が初めてです。私の単一ページ Web アプリには、それぞれに ng-infinite-scroll を含む 2 つのタブがあります。2 つのタブは、ナビゲーション バーを使用して間を行き来します。

各タブは、以下に示すように 2 つの UI ビューに存在します。

ng-show を使用すると、非表示の div の高さが angular によって 0 に設定されます。これにより、無限スクロールが無限にトリガーされます。

リストのスクロール状態を維持したいので、ng-ifを使いたくありません。

これをどのように処理しますか？

PS。リスト要素のマスター詳細ビュー間の状態を維持するために、両方のリストにスティッキー状態を使用します。

ここで、ng-infinite-scroll の使用中にいくつかの問題に直面しています。私が ng-infinite-scroll-distance の場合、実際には機能しません。さらに、すべてのデータがロードされましたが、ng-infinite-scroll を無効にすることはできませんか?

無限スクロールを無効にするにはどうすればよいですか?

私は AngularJs が初めてです。このリンクのドキュメントに従って投稿を表示するために ng-infinite-scroll を実装しました。スクロールは上から下に機能するようになりました。しかし、チャットの会話（下から上）のように逆の順序で実装するにはどうすればよいですか。 https://www.npmjs.com/package/ng-infinite-scroll