angularjs ui-utils ui-kaydırma

Question

Ben ui-scroll nasıl kullanılacağını tam olarak emin değilim nasıl kullanılacağı. Bir plunker ürettim ama sanırım siz ilerledikçe DOM'den öğe eklemiyor ya da kaldırmıyor. Hepsini gösterir!

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); 
     } 
    }; 
}); 

My Plunker for ui-scroll

Ben Github çeşitli örnekleri baktı ama kodun en kahve komut ve sadece DOM bir döngü içinde öğeleri atıyor. Sorum şu ki, verileri doğru bir şekilde verdiyseniz öğeleri nasıl ekliyorsunuz? Veri seti üzerinden hala yinelem var mı?

Yardımın çok teşekkür ederiz. Bir endeksine dayalı başarı geri arama işlevi geri geçmek ve saymak ne sonuç

Answer 1

UI-Scroll için bunu telafi bırakır. Böyle bir şey

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)); 
} 

sen geçirilen dizin, dolayısıyla sıfır tabanlı bir dizini kullanmak zorunda dizisi (SSR değerleri ile çalışırken sıfır olmayan o kadar esaslı olduğunu unutmayın yüksek güçte olmalıdır 1). Ayrıca, sonucu alma işlevinin dışında tutmayı düşünebilirsiniz ve alma işlevinizin UI-Scroll'a geçmek istediğiniz modelin bir kısmını döndürmesini sağlayabilirsiniz. , Sonuçlandı kod olmalıdır

index = index <= 0 ? index + 1 : index -1; 

IE:

Answer 2

zach ancak sadece bir ileri tedavi etmek ama bir geri kaydırma endeksi de, sen endeksi geçirmeden önce bunu ve başarıya saymak zorunda, noktası vardır Şunlara benzer:

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 = index <= 0 ? index + 1 : index -1; 
    success(result.slice(index, index + count)); 
}