Tengo en mi componente principal
<form novalidate (ngSubmit)="save()" [formGroup]="form">
<div class="grid">
<div class="col-2 right"><label class="defaultLabel">Nombre: </label></div>
<div class="col-3"><input type="text" formControlName="name1" pInputText /></div>
</div>
<app-description-form [form]="form"></app-description-form>
</form>
this.form = this.fb.group({
name1: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(50)]],
name2: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(50)]],
save(): void {
console.log(this.form.value)
}
y en el segundo componente
<div class="grid" [formGroup]="form">
<div class="col-2 right"><label class="defaultLabel">Nombre 2: </label></div>
<div class="col-3"><input type="text" formControlName="name2" pInputText /></div>
</div>
@Input()
form: FormGroup;
constructor(private fb: FormBuilder) {
}
Pero esto no me funciona correctamente, me gustaría en el this.form.value tener el valor de esos 2 campos