i am using FormArray and i have controls inside another controls but how can i add element in nested controls in angular

Question

i am little confuse about push data into control because i using control inside nested control i have no idea how i push data inside the nested control this is my component.ts code

 mileStoneForm:FormGroup;
 constructor(private fb:FormBuilder) {
 this.mileStoneForm = this.fb.group({
  milestone:this.fb.array([])
 });


  createMilestone()
  {
  return this.fb.group({
    name:[''],
    date:[''],
    description:[''],
    value:[''],
    approval:[''],
    deliverable:this.fb.array([
      this.createMilestoneDeliverable()
    ])
  });
 }


   createMilestoneDeliverable()
  {
  return this.fb.group({
    title:[''],
    description:[''],
    excluded:['']
  });
 }


addNewDeliverable()
 {
return (this.mileStoneForm.get('milestone').get('deliverable') as 
FormArray).controls.push(this.createMilestoneDeliverable());
 }

this add function is used to store data in deliverable field i want to push this.createMilestoneDeliverable() function data into deliverable field help me guys i am so confuse i can not fix it with myself

Can this help you return (this.mileStoneForm.get(['milestone','deliverable']) as FormArray).push(this.createMilestoneDeliverable()); ? — Ashot Aleqsanyan
– Ashot Aleqsanyan, Commented Dec 13, 2019 at 18:44
@Ashot Aleqsanyan when i am adding new row into deliverable it,s give me this erro in console ERROR TypeError: Cannot read property 'push' of null — abubakkar tahir
– abubakkar tahir, Commented Dec 14, 2019 at 6:33
Hello Please can you include the createMilestone function call and mileStoneForm form in your question — Ashot Aleqsanyan
– Ashot Aleqsanyan, Commented Dec 14, 2019 at 9:28
I see updated answer and in your current example you have not any deliverable in your form and your milestone is the formArray instead of formGroup — Ashot Aleqsanyan
– Ashot Aleqsanyan, Commented Dec 14, 2019 at 12:25

Ashot Aleqsanyan · Accepted Answer · 2019-12-14 12:39:16Z

0

Here is the working example, Please check the link

https://stackblitz.com/edit/angular-ou6dje

answered Dec 14, 2019 at 12:39

Ashot Aleqsanyan

4,4732 gold badges20 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

i am using FormArray and i have controls inside another controls but how can i add element in nested controls in angular

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related