angular - 如何在表单控件中设置默认布尔值 false

Question

在表单控件（主字段）中设置默认布尔值 false

this.contactForm = new FormGroup({
      name: new FormControl('', [ Validators.required]),
      contact: new FormControl('', [ Validators.required,Validators.minLength(10)]),
      email: new FormControl('', [ Validators.required,Validators.email]),
      primary: new FormControl('',[])
    });

HTML 文件：- 请参阅 html 文件

<form [formGroup]="contactForm">
    <mat-checkbox class="example-margin" formControlName="primary" [value]="primary" [(ngModel)]="primary"> Make this primary </mat-checkbox>
  </form>

Answer 1

您可以 在 OnInit() 函数中使用patchValue() ：

this.contactForm.patchValue({primary: false});

Answer 2

FormControl 的第一个参数获取初始值，因此您可以轻松编写：

new FormControl(false, [...]);

或者，如果您需要，它可能会更复杂：

new FormControl({ value: false, disabled: true }, [...]);

Answer 3

你可以试试这个：{ email: new FormControl({ value: '', disabled: true }, ...) }