Mat slider value is not sync updated while sliding. <mat-slider [(ngModel)]="myValue" step="1" min="0" max="100" ></mat-slider> {{myValue}} It just got updated only after release slider thumb. Continue reading...