我有3个值的变量$scope.values
。对于每个值,我都会创建一个滑块。基本上每个滑块的最大值是的值item.value
,最小值始终为2,当前值为最高。但我不知道为什么会出现这种奇怪的行为。您不能流畅地移动滑块。
我该如何解决?非常感谢你
<div ng-controller="CalcCtrl">
<div ng-repeat="item in values">
<input type='range' ng-model="item.value" max="{{item.value}}" min="2" value="{{item.value}}">
<span>{{item.value}}</span>
</div>
</div>
var myApp = angular.module('myApp', []);
myApp.controller('CalcCtrl', function ($scope) {
$scope.values=
[
{ "value":30},
{ "value":50},
{ "value":1}
//current value= is item.value
//max value is item.value
//min value is 2.
]
问题是您使用的最大值与实际值相同,因此每次调整最大值时,最大值都会改变。您可以通过检查dom来查看。相反,您应该具有以下内容:
html
<div ng-controller="CalcCtrl">
<div ng-repeat="item in values">
<input type='range' ng-model="item.value" max="{{item.max}}" min="2">
<span>{{item.value}}</span>
</div>
</div>
Java脚本
var myApp = angular.module('myApp', []);
myApp.controller('CalcCtrl', function ($scope) {
$scope.values=
[
{ "value":30, "max": 30},
{ "value":50, "max": 50},
{ "value":1, "max": 1}
//current value= is item.value
//max value is item.value
//min value is 2.
]
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句