在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:buberdds/angular-bootstrap-colorpicker开源软件地址:https://github.com/buberdds/angular-bootstrap-colorpicker开源编程语言:CSS 68.4%开源软件介绍:angular-bootstrap-colorpickerThis version contains a native AngularJS directive based on bootstrap-colorpicker jQuery library. Previous releases:
Installationnpm$ npm install angular-bootstrap-colorpicker --save bower$ bower install angular-bootstrap-colorpicker --save Copy
Examples:Hex format <input colorpicker type="text" ng-model="your_model" /> or <input colorpicker="hex" type="text" ng-model="your_model" /> RGB format <input colorpicker="rgb" type="text" ng-model="your_model" /> RBGA format <input colorpicker="rgba" type="text" ng-model="your_model" /> As non input element <div colorpicker ng-model="your_model"></div> The color picker template with an input element <input colorpicker colorpicker-with-input="true" type="text" ng-model="your_model" /> Position of the color picker (top, right, bottom, left). <input colorpicker colorpicker-position="right" type="text" ng-model="your_model" /> The color picker in a fixed element <input colorpicker colorpicker-fixed-position="true" type="text" ng-model="your_model" /> When using fixed positioning, you can also put the picker into the parent element (this allows more styling control) <input colorpicker colorpicker-fixed-position="true" colorpicker-parent="true" type="text" ng-model="your_model" /> The color picker in UI Bootstrap modal (the parent element position property must be set to relative) <input colorpicker colorpicker-parent="true" type="text" ng-model="your_model" /> Binding the visibility of the color picker to a variable in the scope <input colorpicker colorpicker-is-open="isOpen" type="text" ng-model="your_model" /> Auto hiding the color picker when a color has been selected <input colorpicker colorpicker-close-on-select type="text" ng-model="your_model" /> Customize a size of the color picker saturation panel <input colorpicker colorpicker-size="200" type="text" ng-model="your_model" /> Events:Each color picker will emit the following events passing a data object in the following format: {
name: '',
value: ''
} Name is the string representation of ng-model and value is the current color. colorpicker-selectedA global selected event, will be fired when a color is selected from the saturation, hue or alpha slider. colorpicker-selected-saturationWill be fired when a color is selected from the saturation slider. colorpicker-selected-hueWill be fired when a color is selected from the hue slider. colorpicker-selected-alphaWill be fired when a color is selected from the alpha slider. colorpicker-shownWill be fired when a color picker is opened. colorpicker-closedWill be fired when a color picker is closed. |
2022-08-15
2022-08-17
2022-09-23
2023-10-27
2022-08-18
请发表评论