相关疑难解决方法(0)

angular2中的嵌套表单

如何使用嵌套字段创建表单,我知道formArray在angular2 RC中,但有点混淆如何正确使用它?假设我有一个这样的形式

// Main Form with formArray named as `global_modifier`
this.myForm = this._fb.group({
  .......
  name: ['', []],
  global_modifier: this._fb.array([
    this.initGlobalModifiers()
  ])
  ....
});


removeModifier(i: number) {
  const control = <FormArray>this.myForm.controls['global_modifier'];
  control.removeAt(i);
}

addModifier() {
  const control = <FormArray>this.myForm.controls['global_modifier'];
  control.push(this.initGlobalModifiers());
}

/*global_modifier function having nested fields named `items` .....*/
initGlobalModifiers() {
  return this._fb.group({
  .....
    modifier_title: ['', []],
    items: this._fb.array([
      this.initItems()
    ])
    .........
  });
}


removeItem(i: number) {
  const control = <FormArray>this.myForm.controls['items'];
  control.removeAt(i);
}

addItem() {
  const control = <FormArray>this.myForm.controls['items']; …
Run Code Online (Sandbox Code Playgroud)

angular2-forms angular

4
推荐指数
1
解决办法
9142
查看次数

标签 统计

angular ×1

angular2-forms ×1