angular - 在表单控件更改时显示验证消息

Question

脚步：

1. 去普朗克
2. 进入Name输入框
3. 留空Name_
4. 转到并Email输入
5. 作为一种类型，弹出必填字段错误Name
6. Name我希望在从to移动时弹出此错误Email，而不是在输入后弹出Email

我该怎么做？

Answer 1

问题是当我从第一个输入控件转到第二个控件而不键入任何内容时，理想情况下它应该给出“必需”错误。

为什么您不使用内置验证器来满足要求？ http://blog.thoughtram.io/angular/2016/03/14/custom-validators-in-angular-2.html#built-in-validators

 <form novalidate>
  <input type="text" name="name" ngModel required>
  <input type="text" name="street" ngModel minlength="3">
  <input type="text" name="city" ngModel maxlength="10">
  <input type="text" name="zip" ngModel pattern="[A-Za-z]{5}">
</form>

利用 Angular 的验证机制。