Question

我已经遍历了StackOverflow上有关ng-maxlength的所有类似/相对主题，但是仍然找不到答案。我的问题是以下代码片段：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div class="form-group field keywords-input-block">
   <label>Keywords</label>
   <form name="keywords">
      <input class="form-control searchKeywordValidator"
         type="text"
         placeholder="Enter keywords..."
         ng-maxlength="5"
         name="keywordInput"
         ng-model="vm.jobList.keywords">
      <h1 ng-if="!keywords.keywordInput.$valid">The value is too long</h1>
   </form>
</div>

该错误消息不断显示，仅在输入无效时才应显示！任何对此原因以及如何消除它的建议都将受到高度赞赏！

Answer 1

所有angularjs应用程序必须具有一个root元素，以使angularjs能够在您的视图上生效。那就是ng-app指令。该指令用于自动引导AngularJS应用程序

您必须将其添加到根元素的某个地方

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div class="form-group field keywords-input-block" ng-app="">
   <label>Keywords</label>
   <form name="keywords">
      <input class="form-control searchKeywordValidator"
         type="text"
         placeholder="Enter keywords..."
         ng-maxlength="5"
         name="keywordInput"
         ng-model="vm.jobList.keywords">
      <h1 ng-if="!keywords.keywordInput.$valid">The value is too long</h1>
   </form>
</div>

详细了解here

AngularJS-ng-最大长度

1 个答案: