diff --git a/src/material/slider/slider-input.ts b/src/material/slider/slider-input.ts index 898c46ee6f8f..abe82b08f4d5 100644 --- a/src/material/slider/slider-input.ts +++ b/src/material/slider/slider-input.ts @@ -102,6 +102,7 @@ export class MatSliderThumb implements _MatSliderThumb, OnDestroy, ControlValueA this._updateThumbUIByValue(); this._slider._onValueChange(this); this._cdr.detectChanges(); + this._slider._cdr.markForCheck(); } /** Event emitted when the `value` is changed. */ @Output() readonly valueChange: EventEmitter = new EventEmitter(); diff --git a/src/material/slider/slider-interface.ts b/src/material/slider/slider-interface.ts index de2a191d463e..d5c1ed3f2a86 100644 --- a/src/material/slider/slider-interface.ts +++ b/src/material/slider/slider-interface.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.io/license */ -import {InjectionToken} from '@angular/core'; +import {InjectionToken, ChangeDetectorRef} from '@angular/core'; import {MatRipple, RippleGlobalOptions} from '@angular/material/core'; /** @@ -153,6 +153,8 @@ export interface _MatSlider { /** Used to set the transition duration for thumb and track animations. */ _setTransition: (withAnimation: boolean) => void; + + _cdr: ChangeDetectorRef; } export interface _MatSliderThumb {