Angular 5同步将表单数据传递到另一个组件的dropdown

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

@Component({
  selector: 'app-form',
  template: `
    <form (ngSubmit)="submitForm()">
      <input type="text" [(ngModel)]="formData" name="data">
      <button type="submit">Submit</button>
    </form>
  `
})
export class FormComponent {
  formData: string;
  formControl: FormControl = new FormControl();

  submitForm() {
    const data = this.formControl.value;
    // 将数据传递给下拉菜单组件
  }
}

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

@Component({
  selector: 'app-dropdown',
  template: `
    <select>
      <option *ngFor="let option of options" [value]="option">{{ option }}</option>
    </select>
  `
})
export class DropdownComponent {
  @Input() options: string[];
}