Tengo un control deslizante de arranque simple en HTML y quiero que muestre un valor que un usuario selecciona mientras el usuario aún decide el valor.

html ahora mismo:

 <div class="container-sm position-fixed w-25 bottom-0 end-0"> <label for="customRange1" class="form-label" #zoom_label>Example range</label> <input type="range" class="form-range" id="customRange1" min="0.2" max="5.0" step="0.1" #zoom (mousedown)="test2(zoom, zoom_label)"> </div>

Estoy usando Angular 12; Intenté usar un evento OnChange pero eso solo llama a una función cuando un usuario cambia la posición del control deslizante. OnMouseDown parece estar haciendo llamadas, pero el valor de la entrada no cambia como se esperaba.