외부 JavaScript 함수를 Angular 프로젝트에 통합하는 방법은 무엇입니까?

JavaScript 함수를 Angular 프로젝트에 통합

질문:

JavaScript를 어떻게 통합할 수 있나요? Angular 프로젝트 내에서 스크립트 파일을 생성하고 그 안의 특정 함수를 호출하시겠습니까?

답변:

JavaScript 스크립트 파일을 Angular에 통합하려면 해당 파일을 참조하면 됩니다. angle-cli.json(또는 Angular 6의 경우 angle.json) 파일에 있습니다. 이는 빌드 시간 동안 스크립트를 찾을 위치를 Angular CLI에 알려줍니다.

"scripts" 배열에 다음 줄을 추가합니다.

"scripts": [
    "../path-to-script"
]

다음으로 TypeScript가 스크립트를 인식할 수 있는지 확인해야 합니다. 외부 스크립트. src 디렉터리에 Typings.d.ts 파일(존재하지 않는 경우)을 만들고 다음 선언을 추가합니다.

declare var variableName: any;

Angular 구성 요소 또는 서비스에서 다음과 같이 스크립트를 가져올 수 있습니다. :

import * as variable from 'variableName';

이 기술을 사용하면 Angular 코드의 abc.js 스크립트에서 '공용' 함수(xyz())에 액세스할 수 있으므로 외부 JavaScript 기능을 원활하게 통합할 수 있습니다.

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