angularjs – ng-maxlength不适用于变量

发布时间：2020-12-17 07:00:36 所属栏目：安全来源：网络整理

导读：我正在尝试使用ng-maxLength指令为输入提供变量max-length. function ValidatorCtrl($scope,$timeout) { $scope.name = "Star"; $scope.$metadata={}; $scope.$metadata.isRequired = true; $scope.$metadata.maxLength=5;} input type="text" ng-model="nam

我正在尝试使用ng-maxLength指令为输入提供变量max-length.

function ValidatorCtrl($scope,$timeout) {
  $scope.name = "Star";
  $scope.$metadata={};
  $scope.$metadata.isRequired = true;
  $scope.$metadata.maxLength=5;
}


     <input type="text" ng-model="name" ng-maxlength="$metadata.maxLength"   
ng-required="$metadata.isRequired" name="name" />

但它似乎没有按预期工作.应用它时,同一变量的模型绑定不起作用. Here is my plunker

如果我删除ng-maxLength ng-required将按预期工作,否则ng-required也不起作用.

解决方法

ng-maxlength不占用范围值. 传统上,ng-maxlength用作ng-maxlength =“3”. 您可以在范围值周围添加花括号,也可以创建一个将范围值绑定在ng-maxlength内的指令.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!