Измените значение mat-slider на значение по умолчанию при нажатии кнопки

Question

<mat-slider thumbLabel min="0" max="100" step="1" value="0" >

<button type="button" (click)="Refresh()">Click Me!</button>

Refresh(){
// What should be written in this

}

Предположим, я изменил этот ползунок, и когда я нажимаю кнопку обновления, мне нужно снова установить значение на ноль.

Кто-нибудь может объяснить, как это сделать..

Спасибо....!!!!

Answer 1

Просто добавьте ценность как ngModel изменить его по мере необходимости

Вот пример stackblitz

ts

value: number = 0

Refresh(){
  this.value = 0
}

html

<mat-slider thumbLabel min="0" max="100" step="1" [(ngModel)]="value" ></mat-slider>
<button type="button" (click)="Refresh()">Click Me!</button>