Hello, y a longtemps que je n'étais pas passé par là lol...
Du coup mon soucis est que je récupère un valueChanges undefined dans un reactiveForm. 9a commence à faire un moment que je galère sur ce truc tout bête
Voici le form avec le formControl "treasuryTime" (j'ai enlevé d'autres FormControl sans intérêt) :
le valueChanges en question :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 // Form controls this.form = this.formBuilder.group({ treasuryTime: [null, [Validators.required, CustomValidators.requiredMatch]], pensionFund: ['', [Validators.required]], }); }
J'ai essayé sans succès la syntaxe :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 this.form.controls['treasuryTime'].valueChanges.subscribe((x: IdentifiantLibelleDto) => { if (x) { console.log("DELAI TRESORERIE ------ " + x.libelle) } }),
Dans le html il s'agit d'un select et je récupère bien tous les items de la liste, donc pas de soucis à ce niveau.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 this.form.get('treasuryTime').valueChanges.subscribe((x: IdentifiantLibelleDto) => { this.form.controls.['treasuryTime'].valueChanges.subscribe((x: IdentifiantLibelleDto) => {
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <div class="c-input c-select" [ngClass]="{'error' : this.form.controls.treasuryTime.invalid && this.form.controls.treasuryTime.touched}"> <select [attr.aria-label]="page + '.treasuryTime' | translate" required formControlName="treasuryTime"> <option value="" selected>{{ page + '.duration' | translate }}<span class="c-input__mandatory">*</span></option> <option *ngFor="let t of treasuryTimes" [value]="t">{{ t.libelle }}</option> </select> <span class="c-input__error">{{ 'error.required' | translate }}</span> </div>
Une idée ? Merci pour votre aide
Partager