[英]Set input [type=range] max value based on another input[type=text] value in angularJS
请给我正确的代码。
第一个输入输入值等于输入[类型=范围]值(以角度为单位)
<input type="text" min="0" max="{{income.value}}" value="{{income.min}}" ng-model="income.value">
<input type="range" min="0" max="" value="{{income.min}}" ng-model="income.value">
以下是控制器代码:
$scope.income = {
min: 0,
max: '',
value:0
}
您可以使用ngModel
来控制值,并使用以下示例中的income
值定义min
和max
。
<input type="range" ng-model="income.value" max="{{ income.max }}" min="{{ income.min }}">
<input type="text" ng-model="income.max">
<input type="text" ng-model="income.min">
以下代码段使用income
值实现此解决方案。
angular.module('app', []) .controller('myController', function ($scope) { $scope.income = { min: 0, max: 100, value:0 } }); angular.element(document).ready(function () { angular.bootstrap(document, ['app']); });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-controller="myController"> <input type="range" ng-model="income.value" max="{{ income.max }}" min="{{ income.min }}"> {{ income.value }}<br> max <input type="text" ng-model="income.max"><br> min <input type="text" ng-model="income.min"><br> <pre>{{ income | json }}</pre> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.