使用Angular反应形式,是否可以为每个验证器使用单独的'updateOn'?

时间:2019-12-09 21:30:01

标签: angular angular-reactive-forms

我有一个必填且最大长度的字段。如果用户超过了最大长度,然后转到另一个字段,我想显示一个错误。但是,如果用户单击该字段并没有输入任何内容,然后单击该字段,则我不想显示必需的错误。该字段标记为必填项,并带有星号,因此如果显示错误消息“此字段为必填项”,则显得有些矫kill过正。我只想在提交时显示所需的错误。

不幸的是,似乎Angular只允许您在字段和组级别设置updateOn。我找不到在同一个字段上使用两个不同的验证器的方法。这可能吗?

1 个答案:

答案 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>