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

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>

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

我的目标平台是Android 5.1

Answer 1

我能够通过以下方式完成您想要的任务：

img

对我来说，诀窍似乎并没有以百分比的形式指定表格宽度。