Question

我想根据用户的输入更改间隔：

                <div class="item range range-positive">
                    speed :
                    <i class="icon ion-ios-speedometer-outline"></i>
                    <input ng-model="learnSpeed" type="range" name="volume" min="0" max="20000" value="2000">
                    <i class="icon ion-ios-speedometer"></i>
                </div>



                <ion-slide-box does-continue="true"
                               auto-play="true"
                               slide-interval="{{learnSpeed}}"
                               on-slide-changed="slideHasChanged($index)">
                    <ion-slide ng-repeat="word in allWords" >
                        <div class="box center"
                             ng-class="getRandomColor(word.name)">
                            <h1>{{word.name}}</h1>
                        </div>
                    </ion-slide>
                </ion-slide-box>
</div>

现在发生的是那个 slide-interval="{{learnSpeed}}"从输入中获取速度，但滑块不会以此间隔运行。

有办法吗？

编辑：

当我将此代码添加到控制器时，它不能正常工作：

controller('learnCtrl', function($scope, $ionicSlideBoxDelegate) {
        $scope.$watch('learnSpeed', function (newValue, oldValue) {
            console.log('oldValue=' + oldValue);
            console.log('newValue=' + newValue);
            $ionicSlideBoxDelegate.update();
        });
});

Answer 1

我认为当用户更改间隔值时，您可能需要从控制器调用$ionicSlideBoxDelegate.update();。

Answer 2

将$scope.learnSpeed设为newValue？

离子滑块 - 有一种动态改变间隔的方法

2 个答案: