动态ng-minlength / ng-maxlength

Question

我正在尝试使用ng-minlength＆amp;＆amp ;;添加动态min / maxlength属性。 NG-最大长度。

例如，

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

在我的控制器中......

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

但是，这不起作用。最终，我希望能够更新这些属性并使输入反映其值。这甚至可能吗？

Plunk示例：

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

Answer 1

您需要添加ng模型。请记住，这不会限制输入。只有在max和min值有效/无效时才给你上课。

<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的分叉。