Angular 2
Utiliser des librairies tierces comme jQuery dans Angular 2
Recherche…
Introduction
Lors de la création d'applications à l'aide d'Angular 2.x, il est parfois nécessaire d'utiliser des bibliothèques tierces telles que jQuery, Google Analytics, les API JavaScript de Chat Integration, etc.
Configuration en utilisant des angles angulaires
MNP
Si une bibliothèque externe comme jQuery est installée avec NPM
npm install --save jquery
Ajouter un chemin de script dans votre angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Dossier Actifs
Vous pouvez également enregistrer le fichier de bibliothèque dans votre répertoire assets/js et l'inclure dans angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Remarque
Enregistrez votre bibliothèque principale jquery et leurs dépendances comme jquery-cycle-plugin dans le répertoire assets et ajoutez-les tous les deux dans angular-cli.json , assurez-vous que l'ordre est respecté pour les dépendances.
Utiliser jQuery dans les composants Angular 2.x
Pour utiliser jquery dans vos composants Angular 2.x, déclarez une variable globale au sommet
Si vous utilisez $ pour jQuery
declare var $: any;
Si vous utilisez jQuery pour jQuery
declare var jQuery: any
Cela permettra d'utiliser $ ou jQuery dans votre composant Angular 2.x.