AngularJs:在数字输入字段中设置验证的条件最小值和最大值

时间:2015-03-21 14:18:14

标签: javascript angularjs angularjs-directive

我创建了一个网页,其中包含一个包含两个数字输入字段field1field2的表单。我正在对这些领域进行验证。 field1的值为min 1,max的值为100000,但field2的{​​{1}}值应为min的{​​{1}}或1 ,任何更大且max的内容都是100000.我尝试将field1 max分配为ng-model field1,但它不起作用。

min

2 个答案:

答案 0 :(得分:7)

你很亲密。对象priceminrange是一个Angular对象,它包含多个与模型相关的方法和属性。您想要的属性称为$modelValue,它包含用户在解析为正确的数据类型(在这种情况下为数字)后输入的值。

这样的事情应该有效,假设你已经将输入元素包装在名为" form的形式中。"

<input ng-model="pricemaxrange" type="number" min="{{form.priceminrange.$modelValue}}">

答案 1 :(得分:2)

试试这个

在控制器上创建范围。

$scope.priceminrange = 1;