I am currently trying to implement the tinyColorPicker plugin from here in my Angular app, but I am facing difficulties with it.
An error message keeps appearing:
TypeError: element.colorPicker is not a function
In my index.html file, I have included the following scripts:
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/tinycolorpicker/lib/jquery.tinycolorpicker.js"></script>
Additionally, I created a directive to initialize the plugin:
'use strict';
angular.module('myApp')
.directive('colorWheel', function() {
return {
restrict: 'A',
link: function(scope, element) {
element.colorPicker();
}
};
});
The HTML contains a div with the mentioned directive:
<div id="colorWheel" color-wheel></div>
Despite following the documentation provided, I seem to be overlooking a crucial step in integrating this plugin with Angular. Any insights or suggestions would be greatly appreciated. Thank you!