C# 如何使用ReactForms将带有数组的formGroup传递给另一个formGroup

C# 如何使用ReactForms将带有数组的formGroup传递给另一个formGroup,c#,asp.net,angular,C#,Asp.net,Angular,我想获取这些数据并将其传递给子表单,但在上传时没有显示任何内容 import { ListaService } from './lista.service'; import { FormGroup, FormBuilder } from '@angular/forms'; import { AfterViewInit, Component, OnInit } from '@angular/core'; @Component({ selector: 'app-lista',

我想获取这些数据并将其传递给子表单,但在上传时没有显示任何内容

import { ListaService } from './lista.service';
import { FormGroup, FormBuilder } from '@angular/forms';
import { AfterViewInit, Component, OnInit } from '@angular/core';   

@Component({
     selector: 'app-lista',
      templateUrl: './lista.component.html',
      styleUrls: []
   })
     export class ListaComponent implements OnInit, AfterViewInit {

  mainForm: FormGroup;

  constructor(private formBuilder: FormBuilder, private service: ListaService) { 

  }

  ngOnInit() {
    this.createForms();
    this. getList();    
    this.onChanges();
  }
  ngAfterViewInit(): void {

  }
  onChanges(){
    this.mainForm.valueChanges.subscribe(ret => console.log(ret))
  }
  getList() {
    this.service.get()
      .subscribe(dados => {
        console.log(dados)
      });
  }

  createForms(): void {
    this.mainForm = this.formBuilder.group({
      IdAgenda: [],
      NomeAgenda: [],
      Contatos: []
    })
  }
}
我的html孩子

但是当我上传它的时候什么也没有出现,但是我不能,它只是显示为空

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';

@Injectable({
    providedIn: 'root'
})
export class ListaService {

    constructor(private http: HttpClient) { }

    public get(): Observable<any> {
        return this.http.get('https://localhost:44368/api/Agenda');
    }
}
<form [formGroup]="this.formListaFilho">
  <input formControlName="IdAgenda">
  <input formControlName="NomeAgenda">
  
  Contatos:
  <div formArrayName="Contatos">
    <div *ngFor="let skill of skillsArray.controls; let i=index">
      <div [formGroupName]="i">
        {{i}}
        <input type="text" formControlName="Nome">
        </div>
  </div>
  </div>
</form>


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

@Component({
  selector: 'app-lista-filho',
  templateUrl: './lista-filho.component.html',
  styleUrls: ['./lista-filho.component.scss']
})
export class ListaFilhoComponent implements OnInit {

  @Input() formListaFilho: FormGroup;

  constructor() { }

  ngOnInit() {
    console.log(this.formListaFilho.value)
  }

  get skillsArray(): FormArray {
    return this.formListaFilho.get("Contatos") as FormArray
  }
}