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

标签 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 & Bootstrap :3

最佳答案

你需要包含 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']);

关于javascript - angularjs-color-picker 在选择器中没有颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49990972/

相关文章:

javascript - 属性 :desc is not the same as reverse 上的 Ember sortBy

html - 如何消除字体间隙?

html - 使用 Flex 左右对齐

javascript - 使用 ng-options 隐藏选择列表中的未定义值

javascript - 获取另一个 URL 重定向到的 URL

javascript - 将 Json 导入 html(表)

javascript - Google Chrome console.log 乱序?

javascript - 我使用 Google 跟踪代码管理器在我的网站上触发代码。任何版本的 Internet Explorer 的自定义代码中的变量 "undefined"

html - 如何在 ionic 中获取 ionic 复选框的值?

javascript - 如何从数组中的数组中绘制 AngularJs 表?