Angular2-如何将表单上的“touched”属性设置为 true

使用Angular 2设置表单控件的"touched"属性为true

typescript
import { Component } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
@Component({
  selector: 'app-your-form',
  template: `
    
      Name:
      
      
      
      Submit
    
  `,
})
export class YourFormComponent {
  myForm: FormGroup;
  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl('', Validators.required),
      // Add other form controls and validators as needed
    });
  }
  onSubmit() {
    // Manually set "touched" property for the 'name' control
    this.myForm.get('name').markAsTouched();
    // Perform other form submission logic
    // ...
  }
}