Как я могу хранить отдельные данные из FormArray в обычном массиве объектов в Angular

Question

Это мой объект, содержащий массив станций, в котором я хочу хранить данные из routeForm, FormArray "stationName" (после того, как я добавил данные в массив stationName через форму)

Routes = {
    name : '',
    departureDate: '',
    arrivalDate: '',
    stations: [{
      name: '',
      arrival: ''
    }]
  }

  routeForm: FormGroup;

  ngOnInit() {
    this.routeForm = this.formBuilder.group({
      stationsName: new FormArray([])
  });


 get f() {
 return this.routeForm.controls;
 }
 get stationsName() {
 return this.f.stationsName as FormArray;
 }

 addNewStationName() {
 this.stationsName.push(
 this.formBuilder.group({
 name: ['', []],
 arrival: ['', []]
 })
 );
 }

Как я могу сделать что-то подобное :

this.Routes.stations[0].name = this.routeForm.stationsName[0].name.value

this.Routes.stations[0].arrival = this.routeForm.stationsname[0].arrival.value

Answer 1

ngOnInit() {
 this.routeForm = this.formBuilder.group({
   stationsName: new FormArray([])
 });
 this.routeForm.valueChanges.subscribe(data=>{
   this.Routes.stations = data.stationsName;
 });
}