Ползунок ограничения диапазона в Angular Js

Я новичок в угловом js. Я хотел бы реализовать следующее. Разделите 100% на несколько вариантов (динамически).

Пример: RGB цветов, пользователь может с помощью нашего ползунка установить Red-20%, Green-30%, Blue-50%(баланс) Пол male-40%, Female-60% остаток баланса.

Если пользователь установил для мужчин значение 45%, для женщин автоматически устанавливается оставшийся баланс 55% с тем же ползунком другого цвета.

Финансы делят сумму между людьми. http://www.bacubacu.com/colresizable/#samples в этом ползунке с несколькими диапазонами Слайдер с несколькими дескрипторами и цветом фона для контента

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


person Durga Prasad    schedule 17.12.2015    source источник


Ответы (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]

а также плункер с аналогичным «компонентом»:

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

person beaver    schedule 17.12.2015