Comment utiliser jQuery en Angular

Angular est un framework javascript qui nous aide à construire les applications frontales de niveau entreprise.des applications frontales d’entreprise de manière simple et intuitive. D’un autre côté, jQuery est une bibliothèque javascript puissante, petite mais riche en fonctionnalités, qui permet de manipuler le DOM HTML avec moins de code javascript. Maintenant, vous avez une question que l’enfer pourquoi devrions-nous utiliser jQuery avec Angular et quel est le besoin pour elle ?

Il y a certaines situations que vous rencontrez tout en construisant des applications Angular qu’il est absolument nécessaire d’utiliser une bibliothèque comme jQuery pour obtenir quelque chose fait. L’un des exemples auxquels je peux penser est celui de la soumission du formulaire au site Web externe à partir de votre application Angular.

Imaginez une situation où vous êtes sur le site Web construit avec Angular et achetez quelque chose. Vous avez un lien qui vous amène à un autre site web pour compléter la commande avec tous les détails entrés sur ce site web. Il existe des moyens de mettre en œuvre cette fonctionnalité sans jQuery, mais je crée simplement un scénario hypothétique dans lequel vous pourriez utiliser jQuery. Dans ce post, nous allons voir comment utiliser jQuery avec Angular.

• Qu’est-ce que jQuery
• Projet d’exemple
• jQuery avec Angular
• Sommaire
• Conclusion

jquery est une bibliothèque javascript simple, petite mais riche en fonctionnalités qui aide à manipuler le DOM HTML avec moins de javascript. Voici le site officiel de jQuery que vous pouvez parcourir.

Faisons un projet simple pour mieux comprendre jQuery pour ceux qui ne l’ont pas encore utilisé. Voici un formulaire simple qui prend le prénom et le nom de famille. Lorsque nous cliquons sur le bouton soumettre, le nom doit être affiché en bas du formulaire.

Voici le code pour ce qui précède. Toute la logique est mise à l’intérieur de la balise script. Nous pouvons interroger et définir les éléments du DOM avec jQuery sur la base des ids, des sélecteurs CSS, etc. Par exemple, nous pouvons interroger le prénom avec $("#fname").val et le définir avec ce $("#fn").val(firstName).

.