diff --git a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html
index fa8b09ef2c2d..f9c7761bf4f2 100644
--- a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html
+++ b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html
@@ -41,7 +41,7 @@ <h2>Result</h2>
 
     <div class="example-label-container">
       <label id="example-name-label" class="example-name-label">Value</label>
-      <label class="example-value-label">{{value}}</label>
+      <label class="example-value-label">{{slider.value}}</label>
     </div>
     <mat-slider
         class="example-margin"
@@ -51,7 +51,7 @@ <h2>Result</h2>
         [step]="step"
         [discrete]="thumbLabel"
         [showTickMarks]="showTicks">
-      <input matSliderThumb [(ngModel)]="value">
+      <input matSliderThumb [(ngModel)]="value" #slider>
     </mat-slider>
   </mat-card-content>
 </mat-card>