valueChanges is undefined

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) :

Code:

1
2
3
4
5
6
  // Form controls
    this.form = this.formBuilder.group({
      treasuryTime: [null, [Validators.required, CustomValidators.requiredMatch]],
      pensionFund: ['', [Validators.required]],
    });
  }

le valueChanges en question :

Code:

1
2
3
4
5
this.form.controls['treasuryTime'].valueChanges.subscribe((x: IdentifiantLibelleDto) => {
        if (x) {
          console.log("DELAI TRESORERIE ------  " + x.libelle)
        }
      }),

J'ai essayé sans succès la syntaxe :

Code:

1
2
      this.form.get('treasuryTime').valueChanges.subscribe((x: IdentifiantLibelleDto) => {
      this.form.controls.['treasuryTime'].valueChanges.subscribe((x: IdentifiantLibelleDto) => {

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:

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