android - ion-content 和 android 4.3 在 loadmore 上滚动

Question

我对 ionic 和 android 4.3 有严重的问题。

我有一个从休息服务动态加载的元素列表。当我执行 loadMore 函数(使用 ion-infinite-scroll 指令)时， View 不会在 android 4.3 版本的设备上调整大小(在模拟器和三星 gt-i9300 上测试)，因此无法滚动新元素。

我试过调用

$ionicScrollDelegate.resize();

在:

• $http.get的成功函数
• ng-repeat finish 自定义指令(即使超时 10 秒)

没有结果。

这是我的 html 代码:

<ion-content lazy-scroll >

<ion-refresher
  pulling-text="Reload.."
  on-refresh="refresh()" >
</ion-refresher>

<div  class="list card"  ng-repeat="newsItem in newsList" ng-click="goToDetail(newsItem)">

    <div class="item item-image myImage">
      <img image-lazy-src="{{newsItem.image}}" fallback-src="./img/binewsplaceholder.png">
    </div>

    <div class="item">
      <h2 ng-bind="newsItem.title"></h2>

      <categories-in-list categories="newsItem.categories" ></categories-in-list>

      <p><i class="ion-calendar myLabel"></i> {{newsItem.date | date: 'dd MMMM yyyy'}}</p>
      <p class="text-right" ng-show="newsItem.distance && newsItem.distance != 'NaN' ">
        <i class="ion-android-pin myLabel"></i> <span>{{newsItem.distance  | number:0}}  km</span>
      </p>
    </div>
</div>

<ion-infinite-scroll
  immediate-check="false"
  on-infinite="loadMore()"
  ng-if="hasMorePage"
  distance="1%">
</ion-infinite-scroll> 
</ion-content>

另外，我在“阅读更多”功能上也有同样的问题，即显示/隐藏带有长文本的 div。在那种情况下，我找到了以下解决方案(而不是因为用户体验较弱而被删除):

• 加载显示长文本的 View
• 等待 5-6 秒，然后将其隐藏

所以..这是 android 4.3 的问题吗？

我不确定，因为在另一个应用程序中一切正常，具有(或多或少)相同的行为。

有什么建议吗？

谢谢。

Answer 1

我在同一部智能手机上遇到了同样的问题。我不知道这个错误是来自 Ionic 还是设备有问题。我找到了这个解决方案并且对我来说工作正常:

在 ion-content HTML 元素中设置 overflow-scroll="false":

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

希望对您有所帮助。