如何在离子滑动框页面中使用范围控制

Question

我无法让我的范围控件在我的离子应用程序中正常运行。

我有一个应用程序，我想使用ion-slide-box能够在应用程序的页面之间滑动。但是当我在页面上放置一个范围控件时，我只能通过点击控件来改变范围控制的值。在控件内拖动似乎不起作用 - 可能是因为幻灯片框首先捕获这些事件。

该应用程序将在Android和IOS上使用。

示例代码在这里：http://codepen.io/flemmingdjensen/pen/emzXmB

<ion-slide-box>
  <ion-slide>
    <h1>Test of ion-slide-box and range control</h1>
    min <input type="range" style="width:80%"> max
    <br><br>
    page 1
  </ion-slide>
  <ion-slide>
    <br><br>
    page 2
  </ion-slide>
</ion-slide-box>

Answer 1

尝试：

<input type="range" on-touch="enableSlide(false)" on-release="enableSlide(true)" />

和

$scope.enableSlide = (enable) => { $ionicSlideBoxDelegate.enableSlide(enable); };