Question

我正在使用angular 7，我需要有关验证的帮助。
填完所有这些输入后，我遇到了麻烦，当我按下按钮时，所有这些输入字段再次变空，这是正确的，但之后会出现验证消息。我只想做的就是当一切正确时，按一下按钮，验证消息就不会发出。

这是我的代码。

谢谢。

Answer 1

您需要参考表单，以便更轻松地访问该表单中的所有控件。

因此，我添加了对表单和ngSubmit的引用。

<form (ngSubmit)="adicionar(f)" #f="ngForm">
  ...
</form>

在组件类的adicionar方法中，您可以访问表单的所有值，还可以访问resetForm方法，该方法将touched和{{1 }}标志。

另一个重要的是检查错误并决定何时显示它们。通常，当表单提交或字段被触摸/脏了时，您要这样做。

示例：

dirty