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:

1. 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>

   Nach dem Login kopieren

2. 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>

   Nach dem Login kopieren

3. 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>

   Nach dem Login kopieren

4. 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>

   Nach dem Login kopieren

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!