Angular 2
Angular 2에서 jQuery와 같은 타사 라이브러리 사용

소개

각도 CLI를 사용하여 구성

NPM

jQuery 와 같은 외부 라이브러리가 NPM을 사용하여 설치되는 경우

npm install --save jquery

angular-cli.json 스크립트 경로 추가

"scripts": [
    "../node_modules/jquery/dist/jquery.js"
]

자산 폴더

assets/js 디렉토리에 라이브러리 파일을 저장하고 angular-cli.json 파일을 포함 할 angular-cli.json

"scripts": [
    "assets/js/jquery.js"
]

노트

기본 라이브러리 jquery 와 jquery-cycle-plugin 과 같은 종속성을 assets 디렉토리에 저장하고 두 항목을 모두 angular-cli.json 추가하십시오. 종속성에 대한 순서가 유지되었는지 확인하십시오.

Angular 2.x 구성 요소에서 jQuery 사용

Angular 2.x 구성 요소에서 jquery 를 사용하려면 맨 위에 전역 변수를 선언하십시오.

jQuery에 $ 를 사용하는 경우

declare var $: any;

jQuery for jQuery를 사용하는 경우

declare var jQuery: any

이렇게하면 Angular 2.x 구성 요소에 $ 또는 jQuery 를 사용할 수 있습니다.