Hoe jQuery te gebruiken in Angular
Soms moeten we het gebruiken
Angular is een javascript framework dat ons helpt bij het bouwen van de enterprise-niveau front-end applicaties te bouwen op een eenvoudige en overzichtelijke manier. Aan de andere kant, jQuery is een kleine maar toch feature-rijke krachtige javascript bibliotheek die helpt bij het manipuleren van de HTML DOM met minder javascript code. Nu heb je een vraag waarom we in godsnaam jQuery moeten gebruiken met Angular en wat is de noodzaak ervan?
Er zijn een aantal situaties die je tegenkomt tijdens het bouwen van Angular apps dat het absoluut noodzakelijk is om een bibliotheek als jQuery te gebruiken om iets gedaan te krijgen. Een van de voorbeelden die ik kan bedenken is dat het indienen van het formulier naar de externe website van uw Angular app.
Stel je een situatie bent u op de website gebouwd met Angular en winkelen iets. Je hebt een link die u naar een andere website om de bestelling te voltooien met alle gegevens die zijn ingevoerd op deze website. Er zijn manieren om dit te implementeren zonder jQuery, maar ik ben gewoon het creëren van een hypothetisch scenario waar je zou kunnen gebruiken jQuery. In deze post zullen we zien hoe je jQuery te gebruiken met Angular.
- Wat is jQuery
- Example Project
- jQuery Met Angular
- Samenvatting
- Conclusie
jquery is een eenvoudige, kleine maar toch feature-rijke javascript bibliotheek die helpt om HTML DOM te manipuleren met minder javascript. Hier is de officiële website van jQuery kunt u gaan through.
Laten we doen een eenvoudig project om jQuery beter te begrijpen voor degenen die nog niet gebruikt. Hier is een eenvoudig formulier dat de voornaam en achternaam neemt. Als we op de submit-knop klikken, moet de naam onderaan het formulier worden weergegeven.
Hier volgt de code voor het bovenstaande. De volledige logica wordt in script-tag geplaatst. We kunnen de DOM-elementen opvragen en instellen met jQuery op basis van de id’s, CSS-selectoren, enzovoort. We kunnen bijvoorbeeld de voornaam opvragen met $("#fname").val en deze instellen met $("#fn").val(firstName).