How To Use jQuery In Angular

Angular ist ein Javascript-Framework, das uns hilft, die Enterprise-Front-End-Anwendungen auf einfache und verständliche Weise zu erstellen. Auf der anderen Seite ist jQuery eine kleine, aber funktionsreiche und leistungsstarke Javascript-Bibliothek, die hilft, das HTML-DOM mit weniger Javascript-Code zu manipulieren. Nun stellt sich die Frage, warum zur Hölle wir jQuery mit Angular verwenden sollten und wozu es benötigt wird?

Es gibt einige Situationen, auf die man beim Aufbau von Angular-Anwendungen stößt, in denen es absolut notwendig ist, eine Bibliothek wie jQuery zu verwenden, um etwas zu erreichen. Eines der Beispiele, die mir einfallen, ist die Übermittlung des Formulars an die externe Website aus Ihrer Angular-App.

Stellen Sie sich eine Situation vor, in der Sie sich auf der mit Angular erstellten Website befinden und etwas einkaufen. Sie haben einen Link, der Sie zu einer anderen Website führt, um die Bestellung mit allen auf dieser Website eingegebenen Details abzuschließen. Es gibt Möglichkeiten, dies ohne jQuery zu implementieren, aber ich stelle hier nur ein hypothetisches Szenario vor, in dem Sie jQuery verwenden könnten. In diesem Beitrag werden wir sehen, wie man jQuery mit Angular verwendet.

• Was ist jQuery
• Beispielprojekt
• jQuery mit Angular
• Zusammenfassung
• Schlussfolgerung

jquery ist eine einfache, kleine, aber funktionsreiche Javascript-Bibliothek, die hilft, HTML DOM mit weniger Javascript zu manipulieren. Hier ist die offizielle Website von jQuery, die Sie durchgehen können.

Lassen Sie uns ein einfaches Projekt machen, um jQuery besser zu verstehen für diejenigen, die es noch nicht benutzt haben. Hier ist ein einfaches Formular, das den Vornamen und den Nachnamen aufnimmt. Wenn wir auf den Submit-Button klicken, sollte der Name unten im Formular angezeigt werden.

Hier ist der Code für das obige. Die gesamte Logik ist im script-Tag untergebracht. Wir können die DOM-Elemente mit jQuery auf der Grundlage der IDs, CSS-Selektoren usw. abfragen und festlegen. Zum Beispiel können wir den Vornamen mit $("#fname").val abfragen und ihn mit diesem $("#fn").val(firstName).

setzen