将FormGroup中的控件配置为不返回值

import { FormControl } from '@angular/forms';

const control = new FormControl({ value: 'initialValue', disabled: true }, { updateOn: 'blur' });

import { FormGroup } from '@angular/forms';

const formGroup = new FormGroup({
  myControl: control
});

submitForm() {
  const formData = this.formGroup.value;
  // formData 中不会包含 disabled 的控件值
  console.log(formData);
}

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  formGroup = new FormGroup({
    myControl: new FormControl({ value: 'initialValue', disabled: true }, { updateOn: 'blur' })
  });

  submitForm() {
    const formData = this.formGroup.value;
    console.log(formData); // { myControl: 'initialValue' }
  }
}