Wie binde ich JavaScript-Skriptdateien und Aufruffunktionen in Angular ein?

JavaScript-Skriptdatei einbinden und Funktionen in Angular aufrufen

In Angular-Projekten können die Integration externer JavaScript-Skripte und der Zugriff auf deren Funktionen die Anwendungsfunktionen verbessern. Ein häufiges Szenario ist die Einbindung eines Skripts in eine öffentliche Funktion, um die Funktionalität von Angular zu erweitern. Hier ist eine umfassende Anleitung, wie Sie dies erreichen können:

Einbinden der Skriptdatei

Um die JavaScript-Datei in Angular einzubinden, ändern Sie den Abschnitt „Skripte“ des Angular- cli.json (oder angle.json für Angular 6 ). Fügen Sie den Pfad zur Skriptdatei innerhalb des Arrays hinzu, wie unten gezeigt:

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

Referenzieren des Skripts in TypeScript

Erstellen Sie in Ihrem TypeScript-Code eine Deklarationsdatei mit dem Namen typings.d.ts, falls es nicht existiert. Fügen Sie eine Deklaration wie diese hinzu:

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

Importieren und Aufrufen der Funktion

Um das Skript in Ihre Komponente oder Ihren Dienst zu importieren, verwenden Sie die folgende Syntax:

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

Jetzt können Sie die Funktion aus der importierten Variablen aufrufen, zum Beispiel:

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

Indem Sie diese Schritte befolgen, können Sie externe JavaScript-Skripte einfach integrieren und deren Funktionen in Ihren Angular-Anwendungen nutzen .

Das obige ist der detaillierte Inhalt vonWie binde ich JavaScript-Skriptdateien und Aufruffunktionen in Angular ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!