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;

  }
}

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

Answer 1

这里的主要问题是您试图将“ max”和“ min”属性用于类型为“ text”的输入。这些属性仅适用于“数字”类型的输入。

对于“文本”类型的输入，请改用“ maxlength”属性。

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

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

1 个答案: