JavaScript 스크립트 파일을 포함하고 함수를 Angular에 호출하는 방법은 무엇입니까?

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

Angular 프로젝트에서 외부 JavaScript 스크립트를 통합하고 해당 기능에 액세스하면 애플리케이션 기능이 향상될 수 있습니다. 일반적인 시나리오는 Angular의 기능을 확장하기 위해 공개 함수와 스크립트를 통합하는 것입니다. 이를 달성하는 방법에 대한 포괄적인 가이드는 다음과 같습니다.

스크립트 파일 포함

Angular에 JavaScript 파일을 포함하려면 각도의 "스크립트" 섹션을 수정하세요. cli.json (또는 Angular 6의 경우 angle.json). 아래와 같이 배열 내의 스크립트 파일 경로를 추가합니다.

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

TypeScript에서 스크립트 참조

TypeScript 코드에서 Typings.d.ts가 존재하지 않는 경우. 다음과 같은 선언을 추가하세요.

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

함수 가져오기 및 호출

구성 요소나 서비스에서 스크립트를 가져오려면 다음 구문을 사용하세요.

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

이제 가져온 변수에서 함수를 호출할 수 있습니다. 예를 들면 다음과 같습니다.

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

이 단계를 수행하면 외부 JavaScript 스크립트를 쉽게 통합하고 Angular 애플리케이션 내에서 해당 기능을 활용할 수 있습니다. .

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