[ANGULAR] Angular 6에서 jQuery-UI를 사용하는 방법

Angular 6에서 jQuery-UI를 사용하는 방법

해결법

1. ---

   1.당신이 쓰면

   당신이 쓰면

   import * as $ from 'jquery';
   

   그런 다음 jQuery의 코드 (및 jQuery-UI와 같은 추가 플러그인이 아닌 추가 플러그인) 만 Typescript 컴파일러에 의해 $ 변수로 가져옵니다.

   당신이 사용하는 경우

    declare let $: any;
   

   그런 다음이 변수가 존재하는 Typescript를 통지하고 있습니다. 이 경우 $에는 jquery 및 jquery-ui plugins 인 Angular.json에서 가져온 스크립트에서 할당 된 것에 대해 무엇이든 될 것입니다.

2. ---

   2.Angular.json 파일에서 스크립트 부분을 업데이트하십시오

   Angular.json 파일에서 스크립트 부분을 업데이트하십시오

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

from https://stackoverflow.com/questions/52421917/how-to-use-jquery-ui-in-angular-6 by cc-by-sa and MIT license