Angular2反应式错误显示

### Angular2反应式错误显示

typescript
import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
  imports: [
    ReactiveFormsModule
  ],
  // other configurations...
})
export class AppModule { }

typescript
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
  selector: 'app-form',
  template: `
    
      Email:
      
      
        错误： 请输入有效的电子邮件地址。
      
      提交
    
  `
})
export class MyFormComponent {
  myForm: FormGroup;
  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({
      email: ['', [Validators.required, Validators.email]]
    });
  }
  onSubmit() {
    if (this.myForm.valid) {
      // 处理表单提交逻辑
    }
  }
}