angularjs - Angular Js中的限制范围滑块

Question

我是角度 js 的新手。我想实现如下。分为100%多个选项（动态）。

示例： RGB颜色，用户可以使用我们的滑块设置，，，Red-20%（Green-30%平衡Blue-50%）性别male-40%，Female-60%剩余余额。

如果用户将男性设置为自动女性，则使用相同的滑块不同颜色45%设置为剩余余额。55%

人与人之间的财务份额。 http://www.bacubacu.com/colresizable/#samples在那个多范围 滑块 带有多个句柄和内容背景颜色的滑块

你能建议任何人如何使用适合我的滑块模块来实现吗？

Answer 1

在 CodePen 中，您可以看到一个多范围滑块的示例：

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

使用示例：

HTML

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

模型

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

还有一个具有类似“组件”的 Plunker：

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