Angular 2
Использование сторонних библиотек, таких как jQuery в Angular 2
Поиск…
Вступление
При создании приложений с использованием Angular 2.x бывают случаи, когда требуется использовать любые сторонние библиотеки, такие как jQuery, Google Analytics, JavaScript API интеграции с чатом и т. Д.
Конфигурация с использованием угловых кли
NPM
Если внешняя библиотека, такая как jQuery , установлена с использованием NPM
npm install --save jquery
Добавьте путь к скрипту в ваш angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Папка активов
Вы также можете сохранить файл библиотеки в каталоге assets/js и включить его в angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Заметка
Сохраните jquery вашей основной библиотеки и их зависимости, такие как jquery-cycle-plugin в каталог ресурсов и добавьте оба из них в angular-cli.json , убедитесь, что порядок поддерживается для зависимостей.
Использование jQuery в компонентах Angular 2.x
Чтобы использовать jquery в ваших компонентах Angular 2.x, объявите глобальную переменную наверху
При использовании $ for jQuery
declare var $: any;
Если используется jQuery для jQuery
declare var jQuery: any
Это позволит использовать $ или jQuery в вашем компоненте Angular 2.x.