我有两个字段都需要数字。一个必须始终高于另一个。例如,您可以有一个字段 for age
,然后是一个字段older sibling age
,当然根据第一个字段,该字段必须更大。
我的字段是这样的:
<input type="number" ng-model="age" required>
<input type="number" ng-model="olderSiblingAge" required>
我试过min="age"
在olderSibling
输入中使用,但没有运气,仍然可以低于它。
您必须像这样插入值:min="{{vm.age}}"
如有关 AngularJS的数字输入文档中所指定。
angular
.module('app', [])
.controller('ctrl', function() {
var vm = this;
vm.age = 1;
vm.olderSiblingAge = 2;
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl as vm">
<label> Age </label> <br />
<input type="number" ng-model="vm.age" required ng-change="vm.olderSiblingAge = vm.age">
<br /><br />
<label> Older sibling age </label> <br />
<input type="number" ng-model="vm.olderSiblingAge" required min="{{vm.age}}">
</div>
注意:我使用了controller-as语法。当然,您可以像使用这样的$scope
符号那样使用它min="{{age}}"
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句