angular - 单击按钮将 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>