javascript - 动态 ng-minlength/ng-maxlength

Question

我正在尝试使用 ng-minlength && ng-maxlength 添加动态最小/最大长度属性。

例如，

<input type="text" ng-minlength="myMin" ng-maxlength="myMax">

在我的 Controller 中...

$scope.myMin = 1;
$scope.myMax = 2;

但是，这不起作用。最终，我希望能够更新这些属性并使输入反射(reflect)它们的值。这可能吗？

Plunk 示例:

http://plnkr.co/edit/KkUvFjSZkvFwqZVZAIiS?p=info

Answer 1

您需要添加一个 ng 模型。请记住，这不会限制输入。仅当最大值和最小值有效/无效时才为您提供类。

<input type="text" ng-model="number" ng-minlength="myMin" ng-maxlength="myMax">

app.controller('MainCtrl', function($scope) {
  $scope.myMin = 1;
  $scope.myMax = 5;
  $scope.number = 1;
});

如果你只是想限制输入，你可以使用常规 html:

<input type="text" ng-model="number" maxlength="{{myMax}}" >

我用 examples 创建了一个 fork .