Angular 2
Verwenden von Drittanbieter-Bibliotheken wie jQuery in Angular 2
Suche…
Einführung
Beim Erstellen von Anwendungen mit Angular 2.x müssen unter Umständen Bibliotheken von Drittanbietern wie jQuery, Google Analytics, Chat-Integration-JavaScript-APIs usw. verwendet werden.
Konfiguration mit Winkelkli
NPM
Wenn eine externe Bibliothek wie jQuery mit NPM installiert wird
npm install --save jquery
Fügen Sie einen angular-cli.json in die angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Assets-Ordner
Sie können die Bibliotheksdatei auch in Ihrem assets/js Verzeichnis speichern und in die Datei assets/js angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Hinweis
Speichern Sie Ihre Hauptbibliothek- jquery und ihre Abhängigkeiten wie das jquery-cycle-plugin im Assets-Verzeichnis, und fügen Sie beide in die angular-cli.json .
JQuery in Angular 2.x-Komponenten verwenden
Um jquery in Ihren Angular 2.x-Komponenten zu verwenden, deklarieren Sie oben eine globale Variable
Wenn Sie $ für jQuery verwenden
declare var $: any;
Wenn Sie jQuery für jQuery verwenden
declare var jQuery: any
Dies ermöglicht die Verwendung von $ oder jQuery in Ihrer Angular 2.x-Komponente.