Cum se utilizează jQuery în Angular

Angular este un framework javascript care ne ajută să construim întreprinderi-aplicații front-end la nivel de întreprindere într-un mod ușor și opintit. Pe de altă parte, jQuery este o bibliotecă javascript mică, dar puternică și bogată în funcții, care ne ajută să manipulăm DOM HTML cu mai puțin cod javascript. Acum aveți o întrebare că de ce naiba ar trebui să folosim jQuery cu Angular și care este necesitatea ei?

Există unele situații pe care le întâlniți în timp ce construiți aplicații Angular și în care este absolut necesar să folosiți o bibliotecă precum jQuery pentru a realiza ceva. Unul dintre exemplele la care mă pot gândi este trimiterea formularului către un site web extern din aplicația dvs. Angular.

Imaginați-vă o situație în care vă aflați pe site-ul web construit cu Angular și cumpărați ceva. Aveți un link care vă duce către un alt website pentru a finaliza comanda cu toate detaliile introduse pe acest website. Există modalități de a implementa acest lucru fără jQuery, dar eu doar creez un scenariu ipotetic în care ați putea folosi jQuery. În această postare, vom vedea cum să folosim jQuery cu Angular.

• Ce este jQuery
• Exemplu de proiect
• jQuery cu Angular
• Summary
• Concluzie

jquery este o bibliotecă javascript simplă, mică, dar bogată în funcții, care ajută la manipularea DOM HTML cu mai puțin javascript. Aici este site-ul oficial al jQuery pe care îl puteți parcurge.

Să facem un proiect simplu pentru a înțelege mai bine jQuery pentru cei care nu l-au folosit încă. Iată un formular simplu care preia numele și prenumele. Când dăm click pe butonul submit numele trebuie să fie afișat în partea de jos a formularului.

Iată codul pentru cele de mai sus. Întreaga logică este pusă în interiorul tag-ului script. Putem interoga și seta elementele DOM cu jQuery pe baza id-urilor, a selectorilor CSS etc. De exemplu, putem interoga prenumele cu $("#fname").val și îl putem seta cu acest $("#fn").val(firstName).