J'ai un modèle de site Web qui se compose de plugins Html, JavaScript et Jquery comme (owl.carousel.min.js, slider.js ...) J'ai besoin d'implémenter ces fichiers dans le projet Angular2. La mise en œuvre de l'après l'installation lib est réussi jquery à l'aide du « NPM »:Comment implémenter le plugin Jquery en tant que fichier externe dans le projet angular2?
npm install jquery --save
et faisant référence dans mon application en ajoutant cette ligne dans le fichier angular.config:
"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ],
de plus j'ai ajouté le jquery externe plugins fichiers dans mon application par:
- pu Prép le fichier plug-in dans ce chemin "src/assets/js/nameOfThePlugin.js"
Faire une référence dans le fichier index.html
<script type="text/javascript" src="assets/Js/nameOfThePlugin.js"></script>
Note: Je ne Je ne sais pas si c'est la bonne façon.
Après Que le plugin jquery fonctionne! mais pas de manière correcte, car une fois que je passe d'une page à l'autre (en utilisant le routage angular2), le plugin ne fonctionne que si vous actualisez le navigateur.
et Ceci est par exemple de ce que je parle:
- Image Before switching between the website pages
- Image After switching between the website pages looks how the jquery plugin stop
Merci