我正在使用 FormArray 并且我在另一个控件中有控件但是我如何在 angular 的嵌套控件中添加元素 [英] i am using FormArray and i have controls inside another controls but how can i add element in nested controls in angular

问题描述

我对将数据推入控件有点困惑，因为我在嵌套控件中使用控件我不知道如何将数据推入嵌套控件中这是我的 component.ts 代码

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

推荐答案

这是工作示例，请查看链接

Here is the working example, Please check the link

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

这篇关于我正在使用 FormArray 并且我在另一个控件中有控件但是我如何在 angular 的嵌套控件中添加元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！