İyonik sonsuz kaydırma tüm android cihazlarda çalışmıyor

Question

Şu anda bir iyonik uygulama geliştiriyorum ve sonsuz bir kaydırma özelliği başarıyla uygulamıyorum. Ancak, masaüstü tarayıcılarda ve yeni android cihazlarda iyi çalışıyor, ancak Android 4.1 veya daha az sürümünü çalıştıran telefonlarda sorun yaşıyorum.

sorun: Benim sayfayı, bu yükler açıp ben altta, önümüzdeki 20 ürün yüke ilerleyin ama bana herhangi kaydırma izin vermez, sadece iyi ilk 20 öğeleri görüntüler

sonraki 20 maddeyi daha görmek için.

Masaüstünde nasıl göründüğünü gösteren bir GIF işte burada (çalışma şekli). desktop gif

Burada, xperia telefonumda nasıl göründüğünü gösteren başka bir GIF var (yeni yüklenen öğelerde daha fazla kaydırma yapmamaya dikkat edin). i sayfayı yenileyin veya yüklenen sonraki 20 öğeler sonra yatay moda telefonu açtığınızda telefon, ekran yüksekliği değiştirildi bilmiyor gibi görünüyor böylece xperia gif

Ancak, kaydırma gayet güzel çalışıyor Yeni öğeler yüklendi, bu yüzden onu kapsayıcının boyutunu yeniden hesaplamak için görünüm vermek için $ionicScrollDelegate.resize(); ekleyerek düzeltilebileceğini düşündüm, ancak bu da düzeltmek için görünmüyor.

İşte benim JavaScript kodu:

.controller('TestCtrl', ['$scope', '$http', function($scope, $http) { 
    $scope.items = []; 
    $scope.page = 1; 
    $scope.totalPages = 1; 


    $scope.loadMore = function() { 
    if ($scope.page <= $scope.totalPages) { 
     $http.get('http://localhost/test/recent/' + $scope.page).success(function(items) { 
     var i = items.data.length; 
     $scope.totalPages = items.pages; 
     $scope.items = $scope.items.concat(items.data); 

     $scope.$broadcast('scroll.infiniteScrollComplete'); 

     $scope.page = $scope.page + 1; 
     if ($scope.page == $scope.totalPages + 1) { 
      $scope.noMoreItemsAvailable = true; 
     } 
     }); 
    } 
    } 
}]) 

HTML:

<ion-view view-title="Hello Stackoverflow"> 
    <ion-content> 

    <a class="item" ng-repeat="item in items"> 
     {{item.title}} 
     <span class="item-note"> 
      {{ item.timestamp | myDate }} 
     </span> 
    </a> 

    <ion-infinite-scroll ng-if="!noMoreItemsAvailable" on-infinite="loadMore()" distance="10%"></ion-infinite-scroll> 
    </ion-content> 
</ion-view> 

saatlerce googled ve birçok farklı şey denedik bu sorun for2 gün ile sıkışmış oldum ama bunu tamir eden hiçbir şey bulamadım.

Answer 1

ng-repeat yerine collection-repeat kullanın. ng-repeat ile İyonik gibi görünmüyor, görünümü yeniliyor.

Answer 2

Bu özel görünümde yerli kaydırmayı devre dışı bırakmak için

<ion-content overflow-scroll='false'> 

bu

<ion-content> 

bir geçici çözüm Değiştir ... bulduk.