我想使用这个tinyColorPicker插件https://github.com/PitPik/tinyColorPicker但事实证明,在我的 Angular 应用程序中使用它极其困难。
我不断收到此错误:
TypeError: element.colorPicker is not a function
在我的index.html中
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/tinycolorpicker/lib/jquery.tinycolorpicker.js"></script>
然后我制定了一个指令来实例化插件
'use strict';
angular.module('myApp')
.directive('colorWheel', function() {
return {
restrict: 'A',
link: function(scope, element) {
element.colorPicker();
}
};
});
在我的 HTML 中,我有这个带有指令的 div
<div id="colorWheel" color-wheel></div>
根据他们的文档,这就是我所要做的。在将它与 Angular 集成时,我一定错过了一些关键的东西。任何人都可以看到任何东西吗?谢谢
最佳答案
Element 不是一个 jQuery 对象,它是一个 Angular 对象。该插件是在 jQuery 对象上公开的。尝试在链接 fn 中使用 jQuery 选择器,例如jQuery("#yourDomId").colorPicker()
关于javascript - 在 AngularJs 应用程序中使用 jQuery 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33946259/