Angular 5 - включает плагин jquery - PullRequest
Новая
       32

Angular 5 - включает плагин jquery

0 голосов
/ 08 октября 2018

Я новичок в angular, в настоящее время работаю с версией 5. Мне нужно установить плагин 'jquery-circle-progress', который можно найти здесь: http://kottenator.github.io/jquery-circle-progress/

Я установил его счерез npm и добавил файл .js в массив скриптов .angular-cli.json.Кажется, он нормально загружается, и я могу активировать его с помощью jquery через консоль браузера, так что с этой частью все в порядке.

Я просто не знаю, как запустить его изнутри компонента.Мне приходится обновлять этот индикатор выполнения каждую минуту или около того, поэтому я хочу создать функцию в mycomponent.component.ts , которая извлекает некоторые данные, проверяет их и запускает некоторые jquery для обновления индикатора выполнения.

Я просто не могу получить доступ к функции этого индикатора.Он просто говорит, что «.circleProgress недоступен».

Кстати, я могу запустить jquery внутри файла .ts, используя: 

import * as $ from 'jquery';

Я не знаю, как получитьздесь индикатор выполнения круга.

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 08 октября 2018

Вам необходимо импортировать код плагина в ваш файл angular.json (раньше был angular-cli.json) в массиве scripts: 

"scripts": [
      "node_modules/jquery/dist/jquery.js",
      "node_modules/nouislider/distribute/nouislider.min.js",
]

Как вы можете видеть выше, вы также можете импортировать jQueryтам - модуль первого узла.Следующим является плагин jQuery, который я должен был использовать в своем проекте.

Затем создайте новый компонент оболочки Angular, который будет содержать плагин jQuery, и инициализировать его в методе ngOnInit(), а затем выполнить очистку в методе ngOnDestroy().Сверху вашего компонента поместите это declare var $:any; Вам не нужно использовать import * as $ from 'jquery';, поскольку jQuery импортируется в ваше приложение в файле angular.json.

...