如何獲得angular2

Question

我有以下形式的FormArray含FormGroups

<form [formGroup]="screenForm" novalidate> 

    <div formArrayName="iPhoneScreenshots" class="row"> 
    <div *ngIf="screenForm.controls.iPhoneScreenshots?.length > 0"> 
     {{screenForm.controls.iPhoneScreenshots?.length }} 
     <div *ngFor="let url of screenForm.controls.iPhoneScreenshots.controls; let i=index"> 
     <div [formGroupName]="i"> 
      <input class="form-control" formControlName="url"> 
      <img src="{{app.screenshotUrls[i]}}" class="rounded img-fluid app-screen" style="height:200px"/> 
     </div> 
     </div> 
    </div> 
    </div> 
</form> 

一個FormControl的價值

的URL值來自數組這是越來越回調通過API 填充我設置值：

private setScreenShots(app: ItunesApp): void { 
if (app.hasOwnProperty('screenshotUrls')) { 
    const screenShots = app.screenshotUrls.map(url => { 
     return this.fb.group({ 
     url: [url, Validators.required] 
     }); 
    } 
); 
    const screenShotsArray = this.fb.array(screenShots); 
    this.screenForm.setControl('iPhoneScreenshots', screenShotsArray); 
} 
} 

初始數組爲空

private createForm() { 
    this.appSiteForm = this.fb.group({ 
    title: ['', Validators.required] 
}); 

this.screenForm = this.fb.group({ 
    iPhoneScreenshots: this.fb.array([]), 
}); 

}

這行代碼看起來很奇怪，我

img src="{{app.screenshotUrls[i]}}" 

我這樣做，因爲url.value（）或url.get（ '值'）引發的錯誤。

那麼如何訪問表單控件的值呢？

Answer 1

你可以嘗試從URL組得到控制

<div *ngFor="let urlGroup of screenForm.controls.iPhoneScreenshots.controls; let i=index"> 
    <div [formGroupName]="i"> 
     <input class="form-control" formControlName="url"> 
     <img [src]="urlGroup.get('url').value" /> 
    </div> 
</div> 

Plunker Example

Answer 2

試試這個：

screenForm.get('url').value 

如果這樣做不行，我得看看你的整個表單生成提供進一步協助。