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
}
}