Angular maxlength属性阻止输入？

Question

旧的ng-maxlength =“5”用于触发字段错误，但会继续允许用户输入。 maxlength =“5”似乎阻止了输入。因为我在表单上有novalidate，这是有角度的吗？是否应该防止，因为我看到人们实际测试错误的例子.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，在达到最大字符数后会阻止进一步输入。如果您想允许进一步输入并跟踪它，您将需要使用自定义验证指令，如您所建议的那样。