JQuery 플러그인을 Angular 2에 포함시키는 방법은 무엇입니까?

나는 각 2 프로젝트 Link JQuery 플러그인을 Angular 2에 포함시키는 방법은 무엇입니까?

npm i jquery-bootstrap-scrolling-tabs

에 jQuery 플러그인을 설치하고 .angular-cli.json

"styles": [ 
     "styles.css", 
     "../node_modules/jquery-bootstrap-scrolling-tabs/dist/jquery.scrolling-tabs.css" 
     ], 
     "scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/jquery-bootstrap-scrolling-tabs/dist/jquery.scrolling-tabs.js" 
     ],

에 추가하고 난 app.component.ts

을에 사용

declare var scrollingTabs:any;

진정한 typings.d.ts 선언

ngAfterViewInit() { 
    $('.nav-tabs').scrollingTabs({ 
     scrollToTabEdge: true 
    }); 
    }

오류 : TypeError: __WEBPACK_IMPORTED_MODULE_1_jquery___default(...)(...).scrollingTabs is not a function

출처

2017-09-04 sridharan

당신과 함께하고있는

출처

2017-09-04 06:04:16

가 여전히 작동하지 않습니다. scrollingTabs가 함수가 아닙니다 – sridharan

저는 뷰 자식을 사용하고 클래스 대신 함수에 템플릿 참조를 추가 할 것을 제안합니다. 예제가 필요한 경우 알려주십시오 –

죄송합니다. 괜찮습니다. 감사합니다. – sridharan

가져 오기 JQuery와 typings없이 JQuery와 사용이 LINK을 추가하는 방법에 대한 추가 정보를 원하시면

declare var $ : any

변수 jQuery를 추가하는 것을 잊었다 당신의 구성 요소 파일.

declare let $ : any

출처

2017-09-04 06:12:44

9 분 전에 추가 한 것과 어떤 차이가 있습니다. –

JQuery 플러그인을 Angular 2에 포함시키는 방법은 무엇입니까?

답변

관련 문제