diff --git a/goldens/material/slider/index.api.md b/goldens/material/slider/index.api.md index 9e67a17760dc..e614b53c21f4 100644 --- a/goldens/material/slider/index.api.md +++ b/goldens/material/slider/index.api.md @@ -103,7 +103,8 @@ export class MatSlider implements AfterViewInit, OnDestroy, _MatSlider { }): void; // (undocumented) _setTransition(withAnimation: boolean): void; - showTickMarks: boolean; + get showTickMarks(): boolean; + set showTickMarks(value: boolean); // (undocumented) _startThumbTransform: string; protected startValueIndicatorText: string; diff --git a/src/material/slider/slider.ts b/src/material/slider/slider.ts index 823870215ca1..1250ff837768 100644 --- a/src/material/slider/slider.ts +++ b/src/material/slider/slider.ts @@ -132,7 +132,18 @@ export class MatSlider implements AfterViewInit, OnDestroy, _MatSlider { /** Whether the slider displays tick marks along the slider track. */ @Input({transform: booleanAttribute}) - showTickMarks: boolean = false; + get showTickMarks(): boolean { + return this._showTickMarks; + } + set showTickMarks(value: boolean) { + this._showTickMarks = value; + + if (this._hasViewInitialized) { + this._updateTickMarkUI(); + this._updateTickMarkTrackUI(); + } + } + private _showTickMarks: boolean = false; /** The minimum value that the slider can have. */ @Input({transform: numberAttribute})