Как правильно подключить JQuery плагины в Angular 2?

Question

[yakupov112]

Сделал верстку и собрал проект с помощью gulp, все библиотеки и плагины объеденил в 1 файл. Далее подключил его и скрипты в .angular-cli

"scripts": [
"./assets/js/libs.min.js",
"./assets/js/common.js"
]

После загрузки страницы все работает, но если делать маршрутизацию в проекте, после перехода по страницам скрипты перестают работать. Можно ли подобным образом подключать jquery и плагины? И как заставить их работать

Comments

[Дмитрий Евграфович]

По аналогии с vuejs могу порекомендовать изучить, где при смене роута в ангуляре происходит инициализация компонентов на странице и вставить туда инициализацию всех нужных вам jquery плагинов, также не забудьте во избежание ошибок поставить деинициализацию на функции ухода с роута. Ну и это надо искать не в самом компоненте роутера, а в компонентах, отвечающих за страницы. Просто куча jquery плагинов стартует при загрузке страницы, когда ваш ангуляр код еще не запущен. не видят ничего и, соответственно, ничего не инициализируют.

Answer 1

[AlexaZem]

подключить JQuery плагины в Angular 2

Вообще плохая идея, лучше - поискать под ангуляр npm пакет | переписать под себя плагин/пакет | написать свой модуль. А самый лучший вариант - найти похожий модуль для ангуляра, выкинуть все лишнее и организовать его в собственный кастомный модуль. При дальнейших обновлениях отдельных модулей или при переходе на новые версии ангуляра - меньше гемора будет.
А для интереса, что за плагины такие что без них никак?))

Или если

Сделал верстку и собрал проект с помощью gulp, все библиотеки и плагины объеденил в 1 файл

зачем Вам ангуляр?