离子滑块 - 有一种方法可以动态更改间隔
ionic slider - there is a way to change interval dynamiclly
我想根据用户的输入更改间隔:
<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();
});
});
我认为您可能必须从控制器执行的操作是在用户更改间隔值时从控制器调用$ionicSlideBoxDelegate.update();
。
将$scope.learnSpeed
设置为newValue
?
相关文章:
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 你能把一个匿名方法(函数)动态地变成一个命名方法吗
- 当用户点击动态创建的链接时,如何调用JS方法.JQuery,ASP.NET MVC
- 有没有一种方法可以用YepNope.js为脚本提供动态名称
- 在extJS 4.2中,有没有一种方法可以将模型值动态绑定到表单
- 当从Chrome扩展动态注入JS时,从onload()内部调用方法
- 有没有一种方法可以基于Angular 2中注册的路线构建动态导航/菜单
- 离子滑块 - 有一种方法可以动态更改间隔
- 如何在jQuery的.on()方法中动态更新按钮的ID选择器
- AngularJS中的动态表单验证 - 是否有更好的解决方案/方法
- jQuery .change() 方法不适用于动态创建的复选框
- 在我的上下文中添加对象的动态方法
- 如何用document.createElement(“input”)方法使输入文本字段动态扩展
- 有没有一种方法可以创建一个对象并同时为其指定一个动态特性
- 按方法动态更改元素数据
- jsTree-使用AJAX/C#Web方法动态填充树
- 为对象中的所有方法动态地准备一个参数
- 使用getjson方法动态地从json中获取数据并循环这些值
- 如何在ajax中使用jquery get方法动态修改html
- 数据表使用fnAddData或类似的方法动态添加行,并向特定列添加类