Como usar jQuery In Angular

Angular é uma estrutura javascript que nos ajuda a construir o empreendimentoaplicações de nível frontal de uma forma fácil e com opiniões. Por outro lado, jQuery é uma biblioteca javascript pequena mas rica em recursos que ajuda a manipular o HTML DOM com menos código javascript. Agora você tem uma pergunta: por que diabos devemos usar jQuery com Angular e qual é a necessidade disso?

Existem algumas situações que você encontra enquanto constrói aplicativos Angular que é absolutamente necessário usar uma biblioteca como jQuery para obter algo feito. Um dos exemplos que eu posso pensar é que enviando o formulário para o site externo do seu aplicativo Angular.

Imagine uma situação que você está no site construído com Angular e comprando algo. Você tem um link que o leva para outro website para completar o pedido com todos os detalhes inseridos neste website. Existem formas de implementar isto sem jQuery mas estou apenas a criar um cenário hipotético onde poderá usar jQuery. Neste post, veremos como usar jQuery com Angular.

• O que é jQuery
• Example Project
• jQuery With Angular
• Summary
• Conclusion

jquery é uma biblioteca javascript simples, pequena mas rica em recursos que ajuda a manipular o HTML DOM com menos javascript. Aqui está o site oficial do jQuery que você pode acessar.

Let’s fazer um projeto simples para entender melhor o jQuery para aqueles que ainda não o usaram. Aqui está uma forma simples que toma o primeiro nome e sobrenome. Quando clicamos no botão submeter o nome deve ser exibido na parte inferior do formulário.

Aqui está o código para o acima. Toda a lógica é colocada dentro de script tag. Podemos consultar e definir os elementos DOM com jQuery com base nos ids, selectores CSS, etc. Por exemplo, podemos consultar o primeiro nome com $("#fname").val e defini-lo com isto $("#fn").val(firstName).