angular - Angular 2 Form 错误：path.split 不是函数this.myForm.get(i)

Question

试图在 Angular 2 中创建一个嵌套的动态表单。

形成骨架

this.myForm= this.formBuilder.group({
        programmes: this.formBuilder.array([this.initProgramme(),]),
    });

initProgramme() {
        return this.formBuilder.group({
            tickets: this.formBuilder.array([this.initTicket(),])
        });
    }


initTicket() {
        return this.formBuilder.group({
            field1:''
        });
    }

动态添加程序可使用以下功能：-

addProgToForm(){

    const control = <FormArray>this.myForm.get('programmes');
        control.push(this.initProgramme());
  }

向程序添加票证THROWS ERROR

addTicket(programme: any) {
        const control = (<FormArray>this.myForm.get('programmes')).get(programme); // THROWS ERROR  HERE
         (<FormArray>control.get('tickets')).push(this.initTicket());
    }

在.get(programme)它说path.split 不是一个函数

PS - 'get(programme)' 中的 program 是要添加动态票证的 Program Form Array 的索引。它是从 *ngFor 正确检索的。示例： - 添加的第一个程序的索引 0。

Answer 1

尝试通过字符串索引来控制：.get(programme.toString())

addTicket(programme: any) {
    const control = (<FormArray>this.myForm.get('programmes')).get(programme.toString());
     (<FormArray>control.get('tickets')).push(this.initTicket());
}

Answer 2

见https://v8.angular.io/api/forms/AbstractControl#get

.get([programme])

如果程序是一个数字，这是要走的路。

Answer 3

addresses: FormArray;
DynForm: FormGroup;

---

this.DynForm = formBuild.group({
    firstname: 'Krishna',
    lastName: '',
    addresses: this.address1(),
    Gender: 'Male'
});

---

address1(): FormArray{
    this.addresses = this.formBuild.array([
        this.addGroup()
    ]);
    return this.addresses;
}

addGroup(): FormGroup {
    return this.formBuild.group({
        Street: '',
        Zip: '',
        Country: 'India'
    });
}

add() {
    this.addresses.push(this.addGroup());
}

请尝试step ===== !angular2 最终版本