Легит только что узнал как это сделать из твоего поста
отаю над большой формой, поэтому я планирую урезать форму до нескольких дочерних компонентов, что облегчает интеграцию и удобство обслуживания. Используя конструктор форм, я пытаюсь реализовать это.
mainform.html
<form novalidate (ngSubmit)="onSubmit(formDetail);" [formGroup]="formDetail">
<label>
<span>Name</span>
<input
type="text"
placeholder="Enter emp name"
formControlName="name">
</label>
<app-userinfo></app-userinfo> <!-- Child component 1 -->
<app-useracc></app-useracc> <!-- Child component 2 -->
</form>
mainform.ts
export class MainformComponent implements OnInit {
formDetail: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.formDetail= this.formBuilder.group({
name:'',
userinfo: this.formBuilder.group({
userid: '',
userph: ''
}),
useracc: this.formBuilder.group({
useracc: '',
usertransfer: ''
})
});
}
onSubmit(value:User){
debugger;
}
}
console.log
formControlName must be used with a parent formGroup directive. You'll want to add a formGroup
Возможно ли вложить вложенный компонент формы в отдельный дочерний элемент?