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!
