Comment importer globalement une bibliothèque Javascript dans un projet Angular2 Typescript?

J’essaie de comprendre comment importer correctement une bibliothèque externe dans mes projets Angular2. Comme vous pouvez le lire en lisant d’autres réponses à ce sujet, il y a un peu de confusion à ce sujet et même la documentation Angular2 ne contient aucune information à ce sujet. En outre, toute recherche sur Google entraîne d’anciens résultats liés à la version alpha ou bêta de Angular2.

J’essaie d’importer des bibliothèques Foundation et jQuery. J’ai besoin du premier pour utiliser du code Foundation et du second pour que le code Foundation JS fonctionne (il utilise jQuery) et même qu’il soit utilisé dans mes composants Typescript.

Pour autant que je sache, je dois utiliser jQuery même dans mon code typescript pour installer la “version de frappe” de jQuery.

J’ai donc deux types pour importer des bibliothèques externes dans des projets Angular2:

• Plage de curseurs angulars 2 – Ajout de la bibliothèque Ion.RangeSlider
• Comment utiliser un masque de téléphone dans Angular 2 Ionic 2 RC 2
• event.preventDefault et stopPropagation ne fonctionnent pas comme prévu dans l’événement glisser / déposer
• Angular 2: Bootstrap Switch ne change pas la valeur de la variable
• Comment appeler une fonction jQuery externe en mode angular

Première manière:

Je peux le faire après cette réponse . De cette façon, je peux utiliser du code jQuery dans mes composants Typescript et cela fonctionne depuis que SystemJS bibliothèque de nœuds avec SystemJS module loader et depuis que typings des typings pour jQuery ( typings install dt~jquery --save --global ).

Deuxième manière:

J’ajoute dans le fichier index.html . Je n’ai pas besoin d’impliquer SystemJS ni d’installation de typings .

Mais dans ce cas, jQuery est nécessaire pour exécuter Foundation. Dois-je importer à nouveau jQuery en utilisant le premier moyen? Je veux dire en ajoutant au fichier d’index. Quoi qu’il en soit, je rencontre des problèmes dans le cadre de démarrage de la fondation, comme vous pouvez le voir ici.

Alors, quel est le problème avec mes importations?

• De manière générale, comment importer des bibliothèques externes dans des projets Angular 2.0.0?

• Dans mon cas, comment importer correctement Foundation pour utiliser ses blocs de construction et comment importer correctement jQuery pour que Foundation fonctionne et me permettre d’écrire du code jQuery dans des composants Typescript?

• Composant angular 2 datepicker qui permet de désactiver des dates spécifiques
• Angular2 supprimer les balises de script
• Angular4 – npm erreur jQuery TS1005: ‘,’ attendu
• Comment append bootstrap 3 au projet basé sur Angular2 Webpack
• zone.js: 140 Uncaught TypeError: Impossible de lire la propriété ‘remove’