我有一个必填且最大长度的字段。如果用户超过了最大长度,然后转到另一个字段,我想显示一个错误。但是,如果用户单击该字段并没有输入任何内容,然后单击该字段,则我不想显示必需的错误。该字段标记为必填项,并带有星号,因此如果显示错误消息“此字段为必填项”,则显得有些矫kill过正。我只想在提交时显示所需的错误。
不幸的是,似乎Angular只允许您在字段和组级别设置updateOn。我找不到在同一个字段上使用两个不同的验证器的方法。这可能吗?
答案 0 :(得分:0)
您只需要在模板中完成
<div class="error-message" *ngIf="ctrl.errors?.required && form.submitted">Required!></div>
<div class="error-message" *ngIf="ctrl.errors?.maxLength">Over max!></div>