Использование плагина jQuery в приложении AngularJs

Question

Использование плагина jQuery в приложении AngularJs

0

Я хочу использовать этот плагин tinyColorPicker https://github.com/PitPik/tinyColorPicker, но это очень сложно использовать в моем угловом приложении.

Я продолжаю получать эту ошибку:

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. Может ли кто-нибудь увидеть что-нибудь? благодаря

tester123 26 нояб. 2015, в 21:52

Источник

0

Я думаю, что вы должны загрузить JQuery, чтобы он работал. Вы загрузили это?
Dvir 26 нояб. 2015, в 20:23
0

Да! извините, у меня загружен jquery вверху ... плохо обновлю
tester123 26 нояб. 2015, в 20:27

Теги:

javascript

jquery

angularjs

2 ответа

Ещё вопросы

Я думаю, что вы должны загрузить JQuery, чтобы он работал. Вы загрузили это?
Да! извините, у меня загружен jquery вверху ... плохо обновлю

A Macdonald · Answer 1 · 2015-11-26T21-50-00.000Z

Элемент не является объектом jQuery, он является угловым объектом. Плагин отображается на объекте jQuery. Попробуйте использовать селектор jQuery в вашей ссылке fn, например, jQuery ("# yourDomId"). ColorPicker()

Dvir · Answer 2 · 2015-11-26T17-54-00.000Z

Вы должны загрузить jQuery перед загрузкой angularjs.

Если вы загрузите jquery после загрузки углового, вы получите jqLite.

<script src="jquery.js"></script>
<sciprt src="angular.js"></script>

Я загружаю JQuery до угловой, спасибо, хотя
@ tester123 вы загрузили его, но не используете в своей функции ссылки - вы пытаетесь инициализировать colorPicker для элемента - вместо этого сделайте это для объекта jquery ... $ ('# myId'). colorPicker ();