Я пытаюсь использовать ионную бесконечную директиву прокруткиWebPack должен быть известен
выше ссылка, которая аналогична функциональности для того, что мне нужно сделать
Я пытаюсь использовать ионную бесконечную директиву прокруткиWebPack должен быть известен
выше ссылка, которая аналогична функциональности для того, что мне нужно сделать
Вместо того чтобы установить эту новую директиву, почему Дон» 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>
Я надеюсь, что помогает!
Приветствия.
Я пробовал, но это не вызывает функцию loadMore(), когда свиток находится в нижней части страницы –
Отлично! Прочтите несколько минут, чтобы просмотреть информацию и документы, предоставленные ранее, чтобы скопировать и вставить в свой проект. Эта функция «loadMore()» должна быть объявлена на вашем контроллере. Функция on-infin только запускает функцию, определенную, когда скроллер достигает дна. Вы понимаете? –
да, я понял это, но это не происходит таким образом –
Вы должны отслеживать, когда вы не больше записи ..са что-то вроде 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>
Вы устанавливаете этот модуль по какой-либо конкретной причине? Поскольку у Ionic уже есть один для этого https://ionicframework.com/docs/api/directive/ionInfiniteScroll/ –
@ManuelObregozo, да, я делаю для той же цели, и я не знал, что у ионного есть один, и мне нужно его установить. имеет эту директиву? –
Нет, ничего. Он включен внутри ионной библиотеки. –