(owl.carousel.min.js, slider.js ...와 같은) Html, JavaScript 및 Jquery 플러그인으로 구성된 웹 사이트 템플릿이 있습니다. 이 파일을 Angular2 프로젝트에 구현해야합니다. 다음은 JQuery와 lib 디렉토리의 구현은 "고궁"을 사용하여 설치 한 후 성공입니다 :angular2 프로젝트에서 외부 파일로 Jquery 플러그인을 구현하는 방법은 무엇입니까?
npm install jquery --save
과 angular.config 파일에서이 줄을 추가하여 내 응용 프로그램에 대한 참조를 만드는 :
- PU :
"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ],
는 또한 나는에 의해 내 응용 프로그램에 외부 JQuery와 플러그인 파일을 추가 이 경로에 플러그인 파일을 tting "SRC는/자산/JS/nameOfThePlugin.js" -
<script type="text/javascript" src="assets/Js/nameOfThePlugin.js"></script>
주 index.html 파일에 대한 참조를 만들기 : 나는 돈 ' 이것이 올바른지 알 수 없습니다.
그 후 jquery 플러그인이 작동합니다. 하지만 제대로 된 방법으로, 왜냐하면 당신이 브라우저를 새로 고치지 않으면 플러그인이 작동하지 않습니다 (angular2 라우팅을 사용하여) 페이지간에 전환하기 때문에.
이 내가 무슨 말을하는지의 예이다 : 그것은 것 잘 생산 모드에서 작동
- Image Before switching between the website pages
- Image After switching between the website pages looks how the jquery plugin stop
감사