각도 2/4 및 jquery 스크립트

Question

프로젝트에 jQuery을 추가했지만 jQuery을 사용하도록 설계된 스크립트를 사용하는 데 문제가 있습니다.

jQuery은 다음 angulars를 통해 추가 된 NPM 패키지 내 compontents.ts 파일에 그 jQuery 스크립트를 액세스하고 싶은 typings 명령을

을 사용하여 CLI로 설치되었다.

문제의 스크립트입니다 :

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

및 구성 요소 : 귀하의 각도-cli.json에서 this

Answer 1

당신이를 선언해야 그런 jquery selector를위한 전역 변수 :

import ... 

declare var $: any; 

@Component({ 
... 
}) 
export class ANY_CLASS implements OnInit{ 
    ngOnInit() { 
    $('#demo').scrollbox(); 
    } 
//use it as you like after that 
} 

및 템플릿에 :

<div id="demo" class="scroll-text"> 
    <ul> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
    </ul> 
</div> 

Answer 2

구성 요소에

import * as $ from 'jquery';