외부 JavaScript 스크립트 및 기능을 Angular 애플리케이션에 통합하는 방법은 무엇입니까?

Angular에서 JavaScript 스크립트 통합 및 함수 호출

Angular에 외부 JavaScript 파일을 포함하고 그 안에 있는 기능을 활용하려면 다음 단계를 따르세요.

1. 스크립트 파일 참조:
   angular-cli.json 파일(또는 Angular 6의 경우 angle.json)에 다음 코드를 추가합니다.

   <code class="JSON">"scripts": [
      "../path"
   ]</code>

2. tyings.d.ts에서 변수 선언:
   typings.d.ts 파일이 없으면 src 디렉토리에 만듭니다. 존재하는지 확인하고 다음 줄을 추가하세요.

   <code class="TypeScript">declare var variableName: any;</code>

3. 스크립트 가져오기:
   JavaScript 기능을 사용하려는 구성 요소에서 가져오기 Typings.d.ts에서 선언한 변수:

   <code class="TypeScript">import * as variable from 'variableName';</code>

4. 함수 호출:
   이제 가져온 변수에서 JavaScript 함수에 액세스할 수 있습니다. . 예를 들어 abc.js 스크립트에서 xyz() 함수를 호출하려면 다음과 같이 작성합니다.

   <code class="TypeScript">variable.xyz();</code>

이 단계를 따르면 JavaScript 스크립트 파일을 Angular에 쉽게 포함할 수 있습니다. 기능을 원활하게 통합합니다.

위 내용은 외부 JavaScript 스크립트 및 기능을 Angular 애플리케이션에 통합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!