angularjs-color-picker选择器中没有颜色

时间:2018-04-23 22:48:04

标签: javascript css angularjs color-picker

我正在尝试使用angularjs-color-picker,但颜色选择器不会显示任何颜色。

the checkered area should be filled with colour

我已将"angularjs-color-picker": "3.4.8"添加到package.json

我添加了angularjs-color-picker.min.css,angularjs-color-picker-bootstrap.min.css,tinycolor-min.js,& angularjs-color-picker.min.js到gulpfile.js

我在模块中添加了angular.module('app', ['color.picker']);

这就是html中的样子: <color-picker ng-model="myColor"></color-picker>

真的坚持为什么没有颜色出现。如果我错过了指示,我道歉,任何意见都表示赞赏。

Angular:1.6&amp; Bootstrap:3

1 个答案:

答案 0 :(得分:0)

您需要包含tinycolor.js

这是codepen链接,其中颜色可用于选择器。

https://codepen.io/swatifursule/pen/WJrmbB

html文件

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.4.1/tinycolor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angularjs-color-picker/3.4.8/angularjs-color-picker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angularjs-color-picker/3.4.8/angularjs-color-picker.css">
<html ng-app="app">
<head></head>
<body>
  <color-picker ng-model="myColor"></color-picker>
</body>
</html>

Js文件:

angular.module('app', ['color.picker']);