如何將 FormArray 中的單獨數據存儲到 Angular 中的普通 object 數組中

Question

這是我的 object 包含數組站，我想在其中存儲來自 routeForm、FormArray“stationsName”的數據（在我通過表單將數據添加到 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;
 });
}