在angular2

Question

訪問控制的值的形式陣列AM經由表單生成器與REST API結果

的陣列設置我的形式這是我的表單生成代碼

this._inspectionService.getChecklists(this.truckParam) 
    .subscribe(
    res=> { 
     this.checklists = res; 
     let inspectionform: FormGroup; 
     let checkinputs: FormArray = new FormArray([]); 
     for (let i = 0; i < this.checklists.length; i++) { 
     checkinputs.push(
      new FormGroup({ 
      description:new FormControl(this.checklists[i].item), 
      input: new FormControl(''), 
      yesradio: new FormControl(''), 
      noradio: new FormControl(''), 
      }) 
     ) 
     } 

     this.inspectionform = this._formBuilder.group({ 
     inputfileds: this._formBuilder.array(checkinputs.controls) 
     }) 

    }, 
); 

現在在我的形式

<form [formGroup]="inspectionform"> 

<ion-card *ngFor='let checklists of inspectionform.controls["inputfileds"]["controls"] 
;let i=index'> 

//at this stage i can access 
{{checklists.controls["description"].value}} //it retuns a value 

//NOW AM trying to connect the form control inputs via 

    <ion-input type="text" formControlName='checklists.controls["noradio"]'> 
IVE ALSO TRIED 
    <ion-input type="text" formControlName='checklists.controls.noradio'> 

而返回的錯誤是

Cannot find control with name: 'checklists.controls["noradio"]' 

我要去哪裏錯了

Answer 1

沒有與「checklists.controls [」 noradio「]」的名稱的表單控件，它將與[formControl]="checklists.controls['noradio']"因爲那直接連接到控制對象綁定。然而。 [formControlName]="'noradio'"也可能工作，但FormArray訪問和控制不是我的強項。

兩者之間的語法不同，它保證了further reading。