angular-bootstrap-colorpicker

Angularjs directive for bootstrap-colorpicker library.
Demo page

Installation

Copy css/colorpicker.css, img/*.png and, lib/bootstrap-colorpicker.js, js/bootstrap-colorpicker-module.js. Add a dependency to your app, for instance: angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers', 'colorpicker.module'])

Examples (ng-model is optional):

Hex format

<input colorpicker class="span2" value="" type="text" ng-model="your_model" />

or

<input colorpicker="hex" class="span2" value="" type="text" ng-model="your_model" />

RGB format

<input colorpicker="rgb" class="span2" value="" type="text" ng-model="your_model" />

RBGA format

<input colorpicker="rgba" class="span2" value="" type="text" ng-model="your_model" />

As component

<colorpicker input-name="foo" input-class="span2" color-format="hex" ng-model="componentPicker"></colorpicker>

As non input element

<div colorpicker class="span2" data-color="initial_colorcode" ng-model="your_model"></div>