AngularDart Material Design 滑块 顶

MaterialSliderComponent

Selector: <material-slider>

适用于整数值的材质滑块。

可以通过使用鼠标拖动滑块或使用键盘来控制滑块。 在LTR中，向左/向下箭头键将值减1，向上/向右键增加1，向上翻页增加10％（向上舍入），向下翻页减少10％（向上舍入）。 在RTL中，键具有相反的效果。

警告使用双精度浮点数时可能导致值不准确。 如果向用户显示值，请考虑格式化结果。

Inputs:

• disabled bool  如果禁用滑块，则为True。
• max num  最大进度值。 默认为100，必须严格大于min。
• min num  最低进度值。 默认值为0，必须严格小于max。
• step num 输入的步长。 必须是正数和（max - min）的除数。
• value num  输入元素的当前值。 必须介于最小值和最大值之间（包括最小值）和步长的倍数。

Outputs:

• valueChange Stream<num> 当用户更改输入值时发布事件。

MaterialSliderExample

查看示例，查看源码。

(adsbygoogle = window.adsbygoogle || []).push({}); function googleAdJSAtOnload() { var element = document.createElement("script"); element.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; element.async = true; document.body.appendChild(element); } if (window.addEventListener) { window.addEventListener("load", googleAdJSAtOnload, false); } else if (window.attachEvent) { window.attachEvent("onload", googleAdJSAtOnload); } else { window.onload = googleAdJSAtOnload; }