Javascript 动态ng minlength/ng maxlength

我正在尝试使用ng minlength&&ng maxlength添加动态min/maxlength属性

比如说,

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

然而，这是行不通的。最终，我希望能够更新这些属性，并让输入反映它们的值。这可能吗

例如：

---

您需要添加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;
});

应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.myMin=1；
$scope.myMax=5；
$scope.number=1；
});

如果您只想限制输入，可以使用常规html：

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

---

我用这两种工具创建了一个fork。

有趣的是，在我自己的工作中，我分配了一个模型，但它没有按预期工作。当我更改第二个示例的语法时，它起了作用。非常感谢你的帮助。很高兴我能帮忙！：）

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