Блог

Главная - Вопросы по программированию - Изменить значение mat-slider на значение по умолчанию при нажатии кнопки

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

#angular #mat-slider

#angular #мат-слайдер

Вопрос:

 <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

}

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

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

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

Ответ №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>