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.
Intente usar el evento de input en su lugar:
<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 (input)="test2(zoom, zoom_label)"> </div>