在离子列表中滚动包装的文本

Question

我一直在制作一个带有可滚动内容的列表，但经过多次测试后，我发现scollbar只考虑图像而不考虑项目大小的包装文本。这会导致截断页面底部的内容。

这是我的代码：

<ion-content ng-controller="categoriesCtrl" ng-switch on="categories.length > 0" has-bouncing="false">
  <ion-refresher on-refresh="updateCategories()">
  </ion-refresher>
  <div ng-switch-when="true">
    <ion-list type="card">
      <a class="item item-thumbnail-right item-text-wrap" href="#" ng-repeat="category in categories">
        <img ng-src="{{category.photo}}" />
        <h2>{{category.name}}</h2>
        <p class="item-text-wrap">{{category.description}}</p>
      </a>
    </ion-list>
  </div>
</ion-content>

这是我得到的，不能再滚动

解决方案？

Answer 1

您似乎正在使用class Test make_enum :test def test yield 1 yield 2 end end 指令与列表CSS元素的组合。尝试将attr_accessor与<ion-list> directive一起使用。

<ion-list>

这里是working demo。