使用formArray Angular8从选择的选项中获取开始时间和结束时间值

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

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

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.form = this.formBuilder.group({
      timeRange: this.formBuilder.array([])
    });
  }

  get timeRange(): FormArray {
    return this.form.get('timeRange') as FormArray;
  }

  addTimeRange() {
    this.timeRange.push(this.formBuilder.group({
      startTime: '',
      endTime: ''
    }));
  }

  removeTimeRange(index: number) {
    this.timeRange.removeAt(index);
  }
}

<form [formGroup]="form">
  <div formArrayName="timeRange">
    <div *ngFor="let time of timeRange.controls; let i = index" [formGroupName]="i">
      <label>Start Time:</label>
      <input type="text" formControlName="startTime">
      <label>End Time:</label>
      <input type="text" formControlName="endTime">
      <button (click)="removeTimeRange(i)">Remove</button>
    </div>
  </div>
  <button (click)="addTimeRange()">Add Time Range</button>
</form>

submitForm() {
  const timeRanges = this.timeRange.value;
  console.log(timeRanges);
}