• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

以嵌套形式更改FormBuilder数组项

用户头像
it1352
帮助1

问题说明

根据API文档,更改嵌套值的正确方法是使用方法 patchValue

According to the API documentation the proper way to change nested values is to use method patchValue

myForm.patchValue({'key':{'subKey':'newValue'}});

但如何在下面的示例中更改嵌套数组中的值,例如汽车的列表。如何将列表数组的第一项更改模型更改为 Fiesta Plunker

But how to change values in nested arrays like list of cars in this example below. How to get first item of list array an change model to Fiesta? Plunker

myForm.patchValue({'list':0:{'model':'Fiesta'}); 无效。

@Component({
  moduleId: __moduleName,
  selector: 'my-app',
  template: `<div><pre>{{ myForm.value | json }}</pre></div>`
})
export class AppComponent {

  public myForm: FormGroup;

  constructor(@Inject(FormBuilder) private _fb: FormBuilder) {

    this.myForm = this._fb.group({
      name: 'Cars',
      list:  this._fb.array([
        this.initCar(),
        this.initCar(),
        this.initCar()
      ]),
    });
    /** Change value Here **/
    this.myForm.patchValue({name: 'Automobile'});
  };

  initCar() {
    return this._fb.group({
      automaker: 'Ford',
      model:     'Fusion'
    });
  }
}

Plunker

正确答案

#1

我做了些什么类似的不是很久以前只是添加。

I did something similar not that long ago just add.

const patchV = (<FormArray>this.myForm.controls['list']).at(0) as FormArray;
patchV.patchValue({automaker: 'CoolCar', model: 'Bucket'})

工作实例[plunker] http://embed.plnkr.co/VWicnA/

Working Example [plunker]http://embed.plnkr.co/VWicnA/

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /reply/detail/tanhcfijch
系列文章
更多 icon
同类精品
更多 icon
继续加载