在模糊上更新表单值并在Angular中提交

Question

我正在Angular 5中实现一个反应形式,我需要在两个事件中触发验证,当字段模糊时以及提交表单时.

我已使用updateOn属性将其设置为"模糊",但如果您专注于某个字段并按Enter键,则不会触发模糊事件,并且不会更新该字段的值,除非我单击远离领域.

据我所知,没有办法将updateOn设置为模糊和提交.

有没有办法实现这个目标？

Answer 1

最简单的方法是在提交时关注某个元素。我认为更合适的是提交按钮。

<form #form="ngForm" (ngSubmit)="submitBtn.focus(); submit()" [ngFormOptions]="{ updateOn: 'blur' }" novalidate>
  ...
  <button type="submit" #submitBtn>
</form>