如何在 ion-slide-box 页面中使用范围控件

Question

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

我有一个应用程序，我想使用 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); };