加载微调器未显示在无限滚动的底部答案

【问题标题】：Loading spinner is not showing at the bottom of infinite scroll加载微调器未显示在无限滚动的底部
【发布时间】：2019-07-28 20:36:53
【问题描述】：

我想在无限滚动的底部添加加载微调器，但是在我添加代码之后，不知何故它没有显示在底部。我对所有这些都很陌生。

<ion-infinite-scroll #infinite (ionInfinite)="getProducts($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" content="loading.."></ion-infinite-scroll-content>
</ion-infinite-scroll>

【问题讨论】：

标签： html css ionic-framework

【解决方案1】：

我在这里找到了这个Ionic Spinner not showing up。检查它是否有效，不确定。

.my-spinner{
z-index: 99999999 !important;
position: absolute;
bottom:0px;
left:45%;
right:45%;
}


//template
<ion-infinite-scroll
    ng-if="!noMoreItemsAvailable"
    icon="ion-load-d"
    on-infinite="getpagenation()"
    distance="1%">
  </ion-infinite-scroll>

<div  ng-if="!noMoreItemsAvailable">
      <ion-spinner ng-show="ItemLoading" icon="ios" class="spinner spinner-ios my-spinner">
</div>



//js
$scope.getpagenation = function() {
        $scope.ItemLoading = true;
 //you can call services

 //have items
        $scope.ItemLoading = false;
 //no more items
        $scope.noMoreItemsAvailable = true;
        $scope.ItemLoading = false;
        $scope.$broadcast('scroll.infiniteScrollComplete');
}

【讨论】：

试一试，如果仍然有任何错误，请 ping 我。