So verwenden Sie die JS-Bibliothek eines Drittanbieters in Angular2 (ausführliches Tutorial)

Im Folgenden werde ich Ihnen ein Beispiel für die Verwendung einer JS-Bibliothek eines Drittanbieters in Angular2 vorstellen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

Dieser Artikel verwendet JQuery als Beispiel

Der erste Typ: Es gibt eine entsprechende Deklarationsdatei

1. Installieren Sie die jQuery-Deklarationsdatei mit dem Befehl. (Die Deklarationsdatei ist für die perfekte intelligente Eingabeaufforderung)

npm install -D @types/jquery

2. Führen Sie jquery ein

import * as $ from 'jquery';

3 🎜>

$('body').addClass('');

Zweiter Typ: keine Deklarationsdatei, benutzerdefinierte js-Bibliothek

1. Füge die js-Datei

<script src="/assets/jquery.min.js"></script>

Verwenden Sie die Definition in der TS-Datei:

declare var $: any;

und dann kann es normal verwendet werden.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So verwenden Sie den NodeJS-Crawler, um Superagent und Cheerio zu verwenden

So führen Sie den NoVNC-Remotedesktop in das Vue-Projekt ein Was sind die Schritte

Durch die Verwendung von ueditor im Vue-Projekt (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die JS-Bibliothek eines Drittanbieters in Angular2 (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!