Angular에서 외부 JavaScript 스크립트와 액세스 기능을 통합하는 방법은 무엇입니까?

Angular에 JavaScript 스크립트 파일 포함 및 함수 호출

외부 JavaScript 스크립트를 Angular 애플리케이션에 통합하고 해당 기능에 액세스하는 것은 사용자 정의의 핵심 측면입니다. 그리고 기능성을 강화합니다. 이를 달성하는 방법을 살펴보겠습니다.

JavaScript 함수 액세스

abc.js라는 JavaScript 파일을 포함하고 Angular에서 해당 xyz() 함수를 호출하려면 다음 단계를 따르세요. :

1. angle-cli.json(또는 Angular 6의 경우 angle.json) 업데이트

angular-cli.json 파일을 수정하고 "scripts" 속성 아래에 JavaScript 파일에 대한 경로를 추가하세요.

<code class="json">"scripts": [
    "../path/to/abc.js"
]</code>

2. TypeScript 선언 파일 정의

typings.d.ts라는 파일이 없으면 src 디렉터리에 만듭니다. 그런 다음 다음 선언을 추가하여 스크립트에 대한 전역 변수를 설정합니다.

<code class="typescript">declare var abc: any;</code>

3. 구성 요소에서 스크립트 가져오기

Angular 구성 요소에서 다음 구문을 사용하여 JavaScript 파일을 가져옵니다.

<code class="typescript">import * as abc from 'abc';</code>

4. JavaScript 함수 호출

이제 가져온 JavaScript 파일에서 xyz() 함수에 액세스하고 호출할 수 있습니다.

<code class="typescript">abc.xyz();</code>

다음 단계를 따르면 외부 JavaScript를 원활하게 통합할 수 있습니다. 스크립트를 Angular 애플리케이션에 추가하고 해당 기능을 활용하여 웹 앱의 기능을 향상하세요.

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