如何传递相应的FormGroup以形成布局组件(父组件)？

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

@Component({
  selector: 'app-parent',
  template: `
    <form [formGroup]="myForm">
      <app-child [formGroup]="myForm"></app-child>
    </form>
  `
})
export class ParentComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      email: new FormControl('')
    });
  }
}

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

@Component({
  selector: 'app-child',
  template: `
    <div [formGroup]="formGroup">
      <label>Name:</label>
      <input formControlName="name" type="text">

      <label>Email:</label>
      <input formControlName="email" type="email">
    </div>
  `
})
export class ChildComponent {
  @Input() formGroup: FormGroup;
}