/ / створення директиви angularJs для коду jquery - angularjs, angularjs-director

створення директиви angularJs для коду jquery - angularjs, angularjs-директива

Я новачок у AngularJs. У мене є код, який я планую створити директиву AngularJs. Як обернути код jquery в директиву AngularJs. Я просто хочу використовувати той же код jquery, але хочу викликати код через директиву AngularJs. Будь ласка, дайте мені знати, якщо це можливо в AngularJs?

Я оновлюю посаду з двома розділами, які я планую створити:

     $("#pie-chart1").highcharts({
title: {
text: "Exporting module is loaded but buttons are disabled"
},
xAxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
},

series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}],

navigation: {
buttonOptions: {
enabled: false
}
}
});

Відповіді:

0 для відповіді № 1

Це можливо, але, звичайно, срібла немаєкуля. Є деякі речі, які дійсно легко перенести в кутовий, є деякі, які важче. Взагалі кажучи, ви можете робити все, але ступінь складності може змінюватися.

Редагувати: перш ніж робити те, що ви робите, ви можете перевірити це:

https://github.com/pablojim/highcharts-ng

Те, що ви хочете досягти, вже досягнуто, тому я рекомендую вам не винаходити колесо або використовувати їх директиву АБО принаймні використовувати її як вихідну точку.


0 для відповіді № 2

Всередині директиви можна використовувати jQuery. Насправді, якщо у вас є jQuery, завантажений перед Angular.js, то element переданий у функцію зв'язування вже є об'єктом jQuery.

app.directive("myDirective", function() {
return {
link: function(scope, element) {
element.addClass("jquery"); // or other jQuery code
}
};
});

Зауважте, що якщо jQuery не завантажується до Angular.js, то елемент обертається в jqLite - підмножині jQuery, що поставляється з Angular.js.

EDIT 8 серпня 2014 року:

У вашому питанні, я бачу, ви використовуєте Highcharts. Це редагування, ймовірно, приходить трохи пізно, але, можливо, швидкий вигляд, як маленька програма, що використовує Highcharts в директиві, дасть вам додаткове уявлення: https://bitbucket.org/mingos/pi-approximations