How To Use jQuery In Angular

Angular to framework javascript, który pomaga nam budować aplikacje typu front-end na poziomie przedsiębiorstwa w łatwy sposób.poziom aplikacji front-end w łatwy i opiniotwórczy sposób. Z drugiej strony, jQuery jest małą, ale bogatą w funkcje potężną biblioteką javascript, która pomaga manipulować HTML DOM z mniejszą ilością kodu javascript. Teraz masz pytanie, dlaczego do cholery powinniśmy używać jQuery z Angular i jaka jest jego potrzeba?

Są pewne sytuacje, na które natkniesz się podczas budowania aplikacji Angular, że absolutnie konieczne jest użycie biblioteki takiej jak jQuery, aby coś zrobić. Jednym z przykładów, który przychodzi mi do głowy, jest przesłanie formularza na zewnętrzną stronę internetową z aplikacji Angular.

Wyobraź sobie sytuację, w której jesteś na stronie zbudowanej z Angular i robisz zakupy. Masz link, który przenosi Cię do innej witryny, aby dokończyć zamówienie ze wszystkimi danymi wprowadzonymi na tej stronie. Istnieją sposoby, aby zaimplementować to bez jQuery, ale właśnie tworzę hipotetyczny scenariusz, w którym możesz użyć jQuery. W tym poście zobaczymy, jak używać jQuery z Angular.

• Co to jest jQuery
• Przykładowy projekt
• jQuery With Angular
• Podsumowanie
• Podsumowanie

jquery to prosta, mała, ale bogata w funkcje biblioteka javascript, która pomaga manipulować HTML DOM z mniejszą ilością javascript. Tutaj jest oficjalna strona jQuery, przez którą można przejść.

Zróbmy jeden prosty projekt, aby lepiej zrozumieć jQuery dla tych, którzy jeszcze go nie używają. Oto prosty formularz, który pobiera imię i nazwisko. Gdy klikniemy na przycisk submit, imię powinno wyświetlić się na dole formularza.

Tutaj znajduje się kod dla powyższego. Cała logika jest umieszczona wewnątrz znacznika script. Możemy odpytywać i ustawiać elementy DOM za pomocą jQuery na podstawie ich identyfikatorów, selektorów CSS, itp. Na przykład, możemy zapytać o imię za pomocą $("#fname").val i ustawić je za pomocą tego $("#fn").val(firstName).

.