Angular maxlength 属性阻止输入？

Question

旧的 ng-maxlength="5"用于触发字段错误，但会继续允许用户输入。 maxlength="5"似乎在阻止输入。当我的表格上有 novalidate 时，这样做是否有 Angular ？当我看到人们实际测试 errors.maxlength 的例子时，是否应该阻止它？

这是我的表单片段:

<form #myForm="ngForm"  novalidate>

  <h2>{{ hero.name | uppercase }} Details</h2>
  <div><span>id: </span>{{hero.id}}</div>

    <input #inputElement name="heroName" class="form-control"  [(ngModel)]="hero.name" required maxlength="5" #heroName="ngModel">

</form>

我们想要像 ng-maxlength 这样的行为，因为我们认为它对用户来说更清楚。也就是说，不是阻止输入，而是允许用户继续输入但显示错误。我是在做错什么，还是我们需要创建自己的自定义验证指令来替换 maxlength？

Answer 1

您使用的属性是默认的 HTML maxlength attribute ，这会在达到最大字符数后阻止进一步输入。如果您想允许进一步输入并跟踪它，您将需要按照您的建议使用自定义验证指令。