Heim > Artikel > Web-Frontend > Wie integriere ich externe JavaScript-Skripte und -Funktionen in Ihre Angular-Anwendung?
JavaScript-Skripte integrieren und Funktionen in Angular aufrufen
Um eine externe JavaScript-Datei in Angular einzubinden und darin enthaltene Funktionen zu nutzen, führen Sie die folgenden Schritte aus:
Referenzieren Sie die Skriptdatei:
Fügen Sie in der Datei „angular-cli.json“ (oder „angular.json“ für Angular 6) den folgenden Code hinzu:
<code class="JSON">"scripts": [ "../path" ]</code>
Deklarieren Sie eine Variable in typings.d.ts:
Erstellen Sie eine typings.d.ts-Datei im src-Verzeichnis, wenn dies nicht der Fall ist existieren, und fügen Sie dann die folgende Zeile hinzu:
<code class="TypeScript">declare var variableName: any;</code>
Importieren Sie das Skript:
In der Komponente, in der Sie die JavaScript-Funktion verwenden möchten, importieren Sie die Variable, die Sie in typings.d.ts deklariert haben:
<code class="TypeScript">import * as variable from 'variableName';</code>
Aufrufen der Funktion:
Sie können jetzt über die importierte Variable auf die JavaScript-Funktion zugreifen . Um beispielsweise die Funktion xyz() aus dem abc.js-Skript aufzurufen, würden Sie schreiben:
<code class="TypeScript">variable.xyz();</code>
Durch Befolgen dieser Schritte können Sie ganz einfach JavaScript-Skriptdateien in Angular einbinden Anwendungen und integrieren deren Funktionalität nahtlos.
Das obige ist der detaillierte Inhalt vonWie integriere ich externe JavaScript-Skripte und -Funktionen in Ihre Angular-Anwendung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!