2016-12-28 2 views
0

Я пытаюсь использовать ионную бесконечную директиву прокруткиWebPack должен быть известен

выше ссылка, которая аналогична функциональности для того, что мне нужно сделать

+0

Вы устанавливаете этот модуль по какой-либо конкретной причине? Поскольку у Ionic уже есть один для этого https://ionicframework.com/docs/api/directive/ionInfiniteScroll/ –

+0

@ManuelObregozo, да, я делаю для той же цели, и я не знал, что у ионного есть один, и мне нужно его установить. имеет эту директиву? –

+0

Нет, ничего. Он включен внутри ионной библиотеки. –

ответ

0

Вместо того чтобы установить эту новую директиву, почему Дон» t использовать родной ion-infinite-scroll Ionic? https://ionicframework.com/docs/api/directive/ionInfiniteScroll/

Директива ion-infinite-scroll позволяет вам вызывать функцию всякий раз, когда пользователь добирается до нижней части страницы или в нижней части страницы. Это очень проста в использовании:

<ion-infinite-scroll 
    on-infinite="loadMore()" 
    distance="1%"> 
</ion-infinite-scroll> 

Я надеюсь, что помогает!

Приветствия.

+0

Я пробовал, но это не вызывает функцию loadMore(), когда свиток находится в нижней части страницы –

+0

Отлично! Прочтите несколько минут, чтобы просмотреть информацию и документы, предоставленные ранее, чтобы скопировать и вставить в свой проект. Эта функция «loadMore()» должна быть объявлена ​​на вашем контроллере. Функция on-infin только запускает функцию, определенную, когда скроллер достигает дна. Вы понимаете? –

+0

да, я понял это, но это не происходит таким образом –

0

Вы должны отслеживать, когда вы не больше записи ..са что-то вроде BOOL вара, а также на спине конце вам нужна пагинация:

function _fetchProducts() { 
      if (vm.end) return; 

      Product.GetSearch(searchFilter).$promise.then(function (resp) { 
       if (resp.length) { 
        searchFilter.skip += searchFilter.take; 

         vm.products.concat(resp); 
        }); 
       } 
       else vm.end = true; 

       //result ready 
       vm.prodReady = true; 
       $rootScope.$broadcast('loading:hide'); 
      }).catch(function (err) { 
       console.log("Failed to download list items:", err); 
       $cordovaToast.show('Errore .. riprovare piu tardi!', 'long', 'center'); 
       vm.end = true; 
      }).finally(function() { 
       $scope.$broadcast("scroll.infiniteScrollComplete"); 
      }); 

     } 

и в вас HTML:

<ion-infinite-scroll ng-if="!partnerproduct.end" ng-hide="true" on-infinite="fetchMoreProducts()" distance="1%"> 
         </ion-infinite-scroll> 
Смежные вопросы