Предельный диапазон слайдера в Угловом Js

Question

Я новичок в угловых js. Я хотел бы реализовать следующее. Devide 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

Могут ли вы предложить какую-либо один, как достичь с помощью какого модуля слайдера костюма для меня?

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