Wie integriere ich externe JavaScript-Skripte und rufe Funktionen in Angular auf?

Einbindung externer JavaScript-Skripte und Funktionsaufrufe in Angular

Problem:

Sie besitzen eine JavaScript-Datei mit dem Titel „abc.js“, die eine Funktion namens „xyz()“ enthält. Ihr Ziel ist es, innerhalb Ihres Angular-Projekts auf diese Funktion zuzugreifen und sie aufzurufen. Wie können Sie das erreichen?

Lösung:

1. Referenzskripte in der Angular-Konfigurationsdatei:

Suchen und öffnen Sie die Datei „angular-cli.json“ (oder „angular.json“ für Angular-Versionen 6 und höher). Geben Sie unter der Eigenschaft „scripts“ den Pfad zu Ihrer externen JavaScript-Datei an, wie in diesem Beispiel gezeigt:

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

2. Variable in typings.d.ts deklarieren:

Erstellen Sie eine Datei mit dem Namen „typings.d.ts“ im Verzeichnis „src“, falls diese nicht vorhanden ist. Deklarieren Sie in dieser Datei eine Variable, die auf Ihr externes Skript verweist:

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

3. In Angular-Komponente importieren:

Importieren Sie in Ihre Angular-Komponente die Variable, die Sie in „typings.d.ts“ deklariert haben, mit der folgenden Syntax:

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

Jetzt können Sie Greifen Sie in Ihrem Angular-Projekt auf die Funktion „xyz()“ zu, indem Sie „variable.xyz()“ aufrufen.

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