HOWTO · Angular

Verwendung von jQuery in Angular 2

Dieses Tutorial zeigt, wie man jQuery in Angular 2 verwendet.

Auf dieser Seite

Wir werden die Verwendung von jQuery in Angular 2 vorstellen.

jQuery in Angular

jQuery ist eine leichtgewichtige JavaScript-Bibliothek, die die Verwendung von JavaScript auf Websites erleichtert. Wenn wir eine Bibliothek verwenden müssen, die jQuery als Anforderung verwendet, können wir jQuery einfach in unserer Angular 2-Anwendung installieren und verwenden. Es ist jedoch keine gute Idee, es ohne Abhängigkeit zu verwenden. jQuery bereitet keine größeren Probleme, wenn wir es verwenden oder in unsere Angular 2-Anwendung integrieren. Aber es bietet uns nichts von Haus aus, wenn wir es ohne Abhängigkeit verwenden.

Es ist ziemlich einfach, jQuery in Ihrer Angular 2-Anwendung mit dem CLI-Befehl zu installieren.

# angular
npm install --save jquery

Nach der Installation von jQuery müssen wir es in unsere App-Dateien importieren, wo wir es verwenden möchten.

# angular
import $ from 'jquery';

$('#mydiv').width();

Mit diesen zwei einfachen Schritten können wir jQuery problemlos in unseren Angularanwendungen installieren und verwenden.