AngularJS - 输入[数字]最小/最大绑定

时间:2014-12-03 13:18:01

标签: javascript angularjs validation angularjs-directive

为什么input [number]标签上的min / max属性在更改时没有更新?

JS:

angular.module('test', [])
  .controller('mainctrl', function ($scope, $timeout) {
    $scope.min = 10;
    $scope.value = 20;

    $timeout(function () {
      $scope.min = 30;
    }, 3000);
});

HTML:

<input name="min" class="form-control" type="number" ng-model="min">
<input name="value" class="form-control" type="number" ng-model="value" min="{{min}}">

JSBin:http://jsbin.com/devilehize/1/edit?html,js,output

我所期待的是,在触发超时后,“值”字段无效。 但它仍然有效,尽管最小值现在高于该领域的当前值。

Angular Version 1.2.26。由于这个主题的最后一个条目是从2013年12月开始,我不认为这是重复的,因为这显然是一个已知的问题并且可以修复。

修改

从Angular Version 1.3.2开始,这个问题似乎已得到解决。但是由于我在1.2.26上运行了一个生产应用程序,因此这个问题仍然是一个答案/解决方法。 JSBin:http://jsbin.com/miyuqunoze/1/edit?html,js,output

1 个答案:

答案 0 :(得分:0)

它实际上是一个角度的错误(#2404),它应该在9月底在v1.3(03bb888)中得到修复。