title: Get Angular Material v2 slider's value while sliding
body: <p>I am using Angular Material v2 <code>md-slider</code> in a component</p>
  
  <pre class="lang-ts prettyprint-override"><code>@Component({
    selector: 'ha-light',
    template: `&lt;md-slider min="0" max="1000" step="1" 
               [(ngModel)]="myValue" (change)="onChange()"&gt;&lt;/md-slider&gt;
               {{myValue}}`,
    styleUrls: ['./light.component.css']
  })
  export class LightComponent implements OnInit {
    myValue = 500;
  
    constructor() { }
  
    ngOnInit() { }
  
    onChange(){
      console.log(this.myValue);
    }
  }
  </code></pre>
  
  <p>and <code>myValue</code> updates just fine and <code>onChange</code> method is being called but only when I stop sliding and release the mouse button.</p>
  
  <p>Is there a way to have <code>myValue</code> update and also have the function called as I am sliding the slider?</p>
  
  <p>I have noticed <code>aria-valuenow</code> attribute which is changing as I am sliding but I am not quite sure how to make a use of it for what I need (if it can be used at all).</p>