如何在angular 6中使用反应式表单验证复选框

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

@NgModule({
  imports: [
    ReactiveFormsModule
  ]
})
export class AppModule { }

<form [formGroup]="myForm">
  <label>
    <input type="checkbox" formControlName="myCheckbox"> My Checkbox
  </label>
</form>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.formBuilder.group({
      myCheckbox: [false] // 默认值为false
    });
  }
}

onSubmit() {
  if (this.myForm.controls.myCheckbox.value) {
    // 复选框被选中
  } else {
    // 复选框未被选中
  }
}