5

ui-scroll の使い方がよくわかりません。plunker を作成しましたが、スクロール時に DOM にアイテムを追加または削除していないため、正しく機能していないと思います。それはそれらすべてを表示します！

ui-scroll のマイ プランカー

 MyApp.controller('MyAppCtrl', function($scope) {
    $scope.myData = {
      get : function(index, count, success) {
    var result = [{"guid":"8544a1c7-d637-42ae-836a-8a71901b44ca"},{"guid":"aff1450c-b4dd-4aa0-9b12-ea097e72c6fa"},{"guid":"a1c68796-7a28-4721-904a-4944234e253e"},{"guid":"8b7d881f-20ea-4b6c-a8d6-772e1236e6bf"},{"guid":"398c50a7-885e-4455-b741-66ebc2a64060"},{"guid":"81557a60-60b5-425a-9839-cf1da7e21bde"},{"guid":"ed48be4e-5963-47a1-b872-2bf20bec5da3"},{"guid":"15d9fa95-f824-4bd9-8b75-afb8dec99f03"},{"guid":"eaf2e5aa-24a4-4995-82d5-e661efc64556"}];

      index = 1;
      count = 10;

        success(result);
      }
    };
});

Github でいくつかの例を見ましたが、ほとんどのコードはコーヒー スクリプトであり、ループ内のアイテムを DOM に追加するだけです。私の質問は、データが既に正しくある場合、どのようにアイテムを追加するかです。データセットを反復処理する必要はありますか?

あなたの助けに感謝します。

4

2 に答える 2

2

UI-Scroll では、インデックスとカウントに基づいて、成功のコールバック関数にどの結果を返すかを自由に決めることができます。このようなものはうまくいくはずです-

get: function(index, count, success){
        var result = [{"guid":"8544a1c7-d637-42ae-836a-8a71901b44ca"},{"guid":"aff1450c-b4dd-4aa0-9b12-ea097e72c6fa"},{"guid":"a1c68796-7a28-4721-904a-4944234e253e"},{"guid":"8b7d881f-20ea-4b6c-a8d6-772e1236e6bf"},{"guid":"398c50a7-885e-4455-b741-66ebc2a64060"},{"guid":"81557a60-60b5-425a-9839-cf1da7e21bde"},{"guid":"ed48be4e-5963-47a1-b872-2bf20bec5da3"},{"guid":"15d9fa95-f824-4bd9-8b75-afb8dec99f03"},{"guid":"eaf2e5aa-24a4-4995-82d5-e661efc64556"}];         
        success(result.slice(index-1, index-1 + count));
}

渡されるインデックスはゼロベースではないことに注意してください。そのため、配列を操作する場合は、ゼロベースのインデックスを使用する必要があります (したがってインデックス 1)。また、結果を get 関数の外部に保持し、UI-Scroll に渡したいモデルの一部を get 関数に返させることを検討することもできます。

于 2014-11-04T20:14:43.260 に答える