Angular Js中的限制范围滑块答案

【问题标题】：Limit range slider in Angular JsAngular Js中的限制范围滑块
【发布时间】：2016-03-23 12:13:18
【问题描述】：

我是 Angular js 的新手。我想实现如下。将100% 分成多个选项（动态）。

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

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

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

【问题讨论】：

【解决方案1】：

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

使用示例：

HTML

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

型号

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

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

【讨论】：