외부 JavaScript 스크립트를 통합하고 Angular에서 함수를 호출하는 방법은 무엇입니까?

외부 JavaScript 스크립트 및 함수 호출을 Angular에 통합

문제:

"xyz()"라는 함수가 포함된 "abc.js"라는 제목의 JavaScript 파일입니다. 귀하의 목표는 Angular 프로젝트 내에서 이 함수에 액세스하고 호출하는 것입니다. 이를 어떻게 달성할 수 있습니까?

해결책:

1. Angular 구성 파일의 참조 스크립트:

"angular-cli.json" 파일(또는 Angular 버전 6 이상의 경우 "angular.json")을 찾아 엽니다. "scripts" 속성에서 다음 예와 같이 외부 JavaScript 파일의 경로를 지정합니다.

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

2. Typings.d.ts에 변수 선언:

"typings.d.ts"라는 파일이 없으면 "src" 디렉터리에 "typings.d.ts"라는 파일을 만듭니다. 이 파일 내에서 외부 스크립트를 참조할 변수를 선언합니다.

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

3. Angular 구성 요소로 가져오기:

Angular 구성 요소에서 다음 구문을 사용하여 "typings.d.ts"에 선언한 변수를 가져옵니다.

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

이제 다음을 수행할 수 있습니다. "variable.xyz()"를 호출하여 Angular 프로젝트에서 "xyz()" 함수에 액세스하세요.

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