角度素材スライダ - 最小ラベルと最大ラベルを表示

Question

角度のある素材スライダを使用しています。スライダの最小値と最大値を表すスライダラベルの両端に表示したいと思います。必要に応じて、ポイントと相対ラベルのスケールを表示して、どの値がどのポイントに関連しているかを示したいと思います。 これはjavascriptライブラリによって提供される他のスライダに存在する機能ですが、Angular MaterialスライダAPIには同様の機能はありません。私は角度材料によって提供されるスライダでも同様の挙動を得ることができるかどうか疑問に思っています。

Answer 1

答えは、documentation page for Angular Material's slider componentに明記されています。

<md-slider 
    min="1" max="5" // min & max values 
    step="0.5" // step at which the slider control moves, if not given it will move smoothly 
    tickInterval="1" // interval at which a tick is shown on the slider, if not given there will be none 
    thumbLabel // show the selected value when the user moves the slider 
    value="1" // initial value 
></md-slider> 

材料設計指針がそれを可能にするものではないので、あなたは、コンポーネントのコントロールを使用して分&最大値を表示することはできません。しかし、テンプレートに自分自身を追加するだけでも簡単です。たとえば、次のようになります。

<span class="text-small">1</span><md-slider></md-slider><span class="text-small">5</span>