Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angularjs颜色选择器选择器中无颜色_Javascript_Css_Angularjs_Color Picker - Fatal编程技术网

Javascript angularjs颜色选择器选择器中无颜色

Javascript angularjs颜色选择器选择器中无颜色,javascript,css,angularjs,color-picker,Javascript,Css,Angularjs,Color Picker,我正在尝试使用颜色选择器,但是它不会显示任何颜色 我在package.json中添加了“angularjs颜色选择器”:“3.4.8” 我将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'])包含了这个模

我正在尝试使用颜色选择器,但是它不会显示任何颜色

我在package.json中添加了
“angularjs颜色选择器”:“3.4.8”

我将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中的外观:

我一直在想为什么没有颜色出现。如果我错过了一个指令,我道歉,任何输入都是感激的

角度:1.6&
引导:3

您需要包括tinycolor.js

这里是codepen链接,在picker中可以使用颜色

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>

谢谢Swati,我看到你的示例在代码笔中运行得很好,但是我仍然无法让我的示例正常工作。使用非缩小文件生成502响应代码。使用缩小的版本(容器中的
node_modules
dir中的版本)将用跳棋填充颜色选择器区域,并拖动鼠标使stace跟踪:
TypeError:o不是t.value的函数(story tools vendor all.js:141980)不是t.value的函数(story tools vendor all.js:141980)在故事工具供应商all.js:141980的作用域中,$digest(angular.js:18380)的作用域中,$apply(angular.js:18649)的t.value(故事工具供应商all.js:141980)的t.value(故事工具供应商all.js:141980)的HTMLDocument.dispatch(jquery.min.js:2)的HTMLDocument.y.handle(jquery.min.js:2)
angular.module('app', ['color.picker']);