如何在Angular 2中触发/触发所有字段进行验证？

Question

有没有办法，例如，点击提交按钮，然后触发表单字段的所有验证，注意到它显示错误消息从开始，如果没有检查脏或触摸这是好的，但如果我不必须从头开始显示消息吗？

用例：用户在提交数据之前查看缺失或错误的所有字段

Answer 1

你可以这样做：

<form novalidate (submit)="submit(loginForm)">

   <input type="email" formControlName="email">

   <p *ngIf="loginForm.get('email').hasError('required') && submitted">This field is required</p>

   <button type="submit" class="btn btn-info">Submit</button>

</form>

在你的组件中：

submit( form : FormGroup ) {
   this.submitted = true;
   if( form.invalid ) return;
}