离子页面不可拖动且不可缩放

Question

我有一个长而宽 table 的离子应用程序。我可以上下滚动 table。但是，我无法左右移动 table。这是一个问题，因为 table 有很多列。一个不错的功能是可以使用 2 指操作来缩放页面。

这里是相关的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>

如何正确使用ionic指令使页面可左右拖动和缩放？

我的目标平台是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>

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