Comment obtenir la valeur d'une FormControl dans angular2
J'ai le formulaire ci-dessous avec un FormArray contenant 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>
l'url des valeurs à partir d'un tableau qui se renseigné via l'API
dans le rappel, je définir les valeurs:
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);
}
}
initiale tableau est vide
private createForm() {
this.appSiteForm = this.fb.group({
title: ['', Validators.required]
});
this.screenForm = this.fb.group({
iPhoneScreenshots: this.fb.array([]),
});
}
cette ligne de code a l'air très étrange pour moi
img src="{{app.screenshotUrls[i]}}"
Je fais cela depuis l'url.valeur() ou une url.get('valeur') soulève des erreurs.
Alors, comment puis-je accéder à la valeur d'un contrôle de formulaire?
OriginalL'auteur dc10 | 2017-04-21
Vous devez vous connecter pour publier un commentaire.
Vous pouvez essayer de prendre le contrôle à partir de l'url du groupe
Plunker Exemple
OriginalL'auteur yurzui
Essayez ceci:
Si cela ne fonctionne pas, je vais voir l'intégralité de votre constructeur de formulaire pour aider les autres.
Cannot read property 'value' of null
J'ai aussi mis à jour le createForm méthode et vous verrez qu'il est juste une autre forme construite.OriginalL'auteur Moshe