Estoy tratando de configurar mi control deslizante del control deslizante Ngx en función de un valor dinámico, recuperado de una llamada API.

Primero hago un init de las variables.

 minAgeValue: number = 0; maxAgeValue: number = 0;

En segundo lugar, configuro el valor mínimo y máximo en función de una solicitud GET:

 const getfilterage = environment.apiUrl + '/GetAgesForFilter'; this.http.get<any>(getfilterage).subscribe({ next: (response) => { this.minAgeValue = Math.min.apply(null, response.data); this.maxAgeValue = Math.max.apply(null, response.data); }, });

Y así es como lleno los campos en HTML con las variables:

 <input type="number" id="min-Age" class="yearField" [(ngModel)]="minAgeValue" /> <label> t/m </label> <input type="number" id="max-Age" class="yearField" [(ngModel)]="maxAgeValue" /> <div class="custom-ngx-slider"> <ngx-slider id="ngx-slider-custom" [(value)]="minAgeValue" [(highValue)]="maxAgeValue" [options]="optionsAge" ></ngx-slider> </div>

Mi problema es que a veces el control deslizante se configura correctamente con los valores esperados. Y a veces (la mayoría de las veces) el control deslizante se establece en el valor mínimo. Mira aquí un ejemplo de lo que quiero decir