离子页不可拖也不可缩放

Question

我有一款长而宽的离子型应用程序。我可以上下滚动桌子。但是，我不能左右移动桌子。这是一个问题，因为表有许多列。一个很好的特点是，页面可以通过使用双指操作进行缩放。

这是相关的html代码；

<div ng-controller="TestCtrl" class="container">
  <ion-content class="has-header" overflow-scroll="true">
    <ion-scroll zooming="true" direction="xy">
      <table ng-table="tableParams" class="table table-bordered">
      <!-- table contents -->
      </table>
    </ion-scroll>
  </ion-content>
</div>

如何正确地使用离子指令使页面既可缩放又可左右拖动？

我的目标平台是Android5.1

Answer 1

我用以下方法完成了你想要的事情：

<ion-content>
    <ion-scroll zooming="true" direction="xy" style="height:500px">
      <table ng-table="tableParams" style="width:600px">
        <!-- table contents -->
      </table>
    </ion-scroll>
</ion-content>

对我来说，诀窍似乎不是指定表的宽度百分比。