Erste vorherigen Wert von mdSlider (Angular Material2)

Question

In Angular-Werkstoff 2

Ich möchte die md-Slider Option auf einen bestimmten Wert begrenzen, innerhalb die minimalen und maximalen Werte für den Schieber. Zum Beispiel:

<md-slider [min]="1" [max]="100></md-slider> 

würde Ich mag den Benutzer bewegt den Schieberegler auf etwas über 50 auf dem Schieber verhindern, aber nach wie vor, zeige das Recht vor, 50% des Schiebers. Da es keine aktuelle Möglichkeit gibt, dies visuell zu tun, wollte ich die Folie von etwas über 50 zu dem Ort zurückversetzen, an dem der Benutzer anfing, es zu bewegen.

Gibt es einen natürlichen Weg, dies zu tun? Das @Output() - Änderungsereignis, das ausgelöst wird, nachdem der Benutzer den Schieberegler verschoben hat, liefert nur den endgültigen Wert, nicht den vorherigen Wert.

Danke

Answer 1

Ich bin nicht sicher, ob auch die Wirkung zu verstehen Sie suchen, aber hier ist die Lösung:

HTML:

<md-slider min="0" #mySlide max="100" (change)="mySlide.value=mySlide.value>50 ? 50 : mySlide.value"></md-slider> 

DEMO