Angular Js中的限制范围滑块

时间:2015-12-17 05:59:41

标签: angularjs anythingslider rangeslider

我是棱角分明的新手。 我想实现如下。 将100%扩展为多个选项(动态)。

实施例: RGB颜色,用户可以使用我们的滑块Red-20%Green-30%Blue-50%(余额) 性别male-40%Female-60%保持平衡。

如果用户将男性设置为45%,则自动将女性设置为具有相同滑块颜色的剩余余额55%

人与人之间的财务份额。 该多范围滑块中的http://www.bacubacu.com/colresizable/#samples Slider with Multiple Handle and Background Color for content

你能建议任何一个如何使用哪个滑块模块适合我吗?

1 个答案:

答案 0 :(得分:0)

在CodePen中,您可以看到多范围滑块的示例:

http://codepen.io/anandthakker/pen/marlo

使用示例:

<强> HTML

<slider model="probs" property="p" step=".05"></slider>

<强> MODEL

$scope.probs = [ p: .1, p: .5,  p: .4]

以及具有类似'组件'的Plunker:

http://plnkr.co/edit/fb9UD14AOoQqkgKxckrg?p=info