在Angular 8中创建动态文本框，并在表单提交时将值绑定到组件

<form (ngSubmit)="onSubmit()">
  <input type="text" [formControl]="dynamicInput">
  <button type="submit">提交</button>
</form>

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  dynamicInput: FormControl = new FormControl();

  onSubmit() {
    console.log(this.dynamicInput.value);
  }
}

import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ExampleComponent } from './example.component';

@NgModule({
  declarations: [
    ExampleComponent
  ],
  imports: [
    FormsModule,
    ReactiveFormsModule
  ],
  providers: [],
  bootstrap: [ExampleComponent]
})
export class ExampleModule { }