Wie integriere ich externe JavaScript-Funktionen in ein Angular-Projekt?

JavaScript-Funktionen in Angular-Projekte integrieren

Frage:

Wie kann ich ein JavaScript einbinden? Skriptdatei erstellen und eine bestimmte Funktion darin innerhalb eines Angular-Projekts aufrufen?

Antwort:

Um eine JavaScript-Skriptdatei in Angular zu integrieren, können Sie darauf verweisen in Ihrer Datei „angular-cli.json“ (oder „angular.json in Angular 6“). Dadurch wird der Angular-CLI mitgeteilt, wo das Skript während der Erstellungszeit zu finden ist.

Fügen Sie die folgende Zeile zum Array „scripts“ hinzu:

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

Als nächstes müssen Sie sicherstellen, dass TypeScript das erkennen kann externes Skript. Erstellen Sie eine typings.d.ts-Datei (falls nicht vorhanden) im Verzeichnis src und fügen Sie die folgende Deklaration hinzu:

declare var variableName: any;

In Ihrer Angular-Komponente oder Ihrem Angular-Dienst können Sie das Skript dann wie folgt importieren :

import * as variable from 'variableName';

Mit dieser Technik können Sie über das abc.js-Skript in Ihrem Angular-Code auf die „öffentliche“ Funktion (xyz()) zugreifen und so externe JavaScript-Funktionalität nahtlos integrieren.

Das obige ist der detaillierte Inhalt vonWie integriere ich externe JavaScript-Funktionen in ein Angular-Projekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!