如何根据从ionic1的下拉框中选择的选项为输入字段分配最大值

Question

>查看代码：

<label class="item item-input item-select" name="documenttype">
<i class="icon ion-man placeholder-icon"></i>
<span class="input-label" style="color:#aeb1b7"> Document Type</span>
<select name="documenttype" ng-model="documenttype" ng-change="docid()" required>
<option value="" selected="selected">Select</option>
<option value="aadhar">Aadhaar card</option>
<option value="driving">Driving License</option>
<option value="voting">Voting Card</option>
<option value="pancard">PAN Card</option>
<option value="rationcard">Ration card</option>
<option value="passport">Indian Passport</option>
</select>
<div class="controls">   
<span class="help-inline" ng-show="submitted && indexcard.documenttype.$error.required"><h4 style="color:red;"><i class="icon ion-alert-circled custom-icon"></i></h4></span>
</div>
</label>
<label class="item item-input" name="documentid" style="border-bottom: solid 1px #ccc;">
<i id="iconcolor" class="icon ion-person placeholder-icon"></i>
<input type="text" name="documentid" min="{{doc_id}}" 
max="{{doc_id}}" placeholder="Document ID" ng-model="documentid" autocomplete="off" required />
<div class="controls">   
<span class="help-inline" ng-show="submitted && indexcard.documentid.$error.required"><h4><i class="icon ion-alert-circled custom-icon"></i></h4></span>
</div>
</label>

控制器代码：

$scope.docid = function() {
if ($scope.documenttype == "aadhar") {
$scope.doc_id = 12;
}
if ($scope.documenttype == "pancard") {
$scope.doc_id = 10;
}
}

我正在使用离子 1 angularjs .基本上，我想根据下拉列表中选择的选项为输入字段 documentid 添加最大限制。我正在使用ng-change并调用一个函数，其中写入条件以设置最大值。但它不起作用。谁能指导我知道我在哪里犯了错误。

Answer 1

这里的主要问题是您尝试对"text"类型的输入使用"max"和"min"属性。这些属性仅适用于类型为"数字"的输入。

对于类型为"text"的输入，请改用"maxlength"属性。

否则，您的 AngularJS 代码是正确的，只需将"max"更改为"maxlength"，一切都应该按预期工作。