ฝัง
- เผยแพร่เมื่อ 14 ธ.ค. 2024
- Sabe o que é e como implementar um formulário reativo no Angular?
Nessa aula, vamos mostrar como migrar de um template driven form para um reactive form do Angular. Vamos mostrar que a construção de uma formulário reativo não tem mistério algum.
Esperamos que goste. :)
PS: O cófigo-fonte pode ser baixado em nosso GitHub: github.com/alg...
Acompanhe a AlgaWorks nas redes sociais:
Facebook: / algaworks
Twitter: / algaworks
LinkedIn: / algaworks
Instagram: / alga.works
parabéns pelo conteúdo, ótima explicação, direto e prático!
muito didático
Esperava ver mais, principalmente a parte de edição do formulário reativo.
Muuto pratico rapido estou gostando desse casamrnto angular e spring
Caramba! Muito massa! Não sei agora como trabalha se reativo ou forms. Achei bacana, o código HTML fica mais enxuto e as validações ficam no código mesmo! Mais um vídeo para o meu portifólio! Abraços a todos da Algaworks!
Valeu pelo feedback Vinicius. Ficamos felizes em ajudar. Continue acompanhando nossas publicações para ter acesso a mais conteúdos. Abraço! #equipeAlgaWorks
Muito bom
Muito bom ! Prático e objetivo !
Show!
Muito boa a explanação! Poderia disponibilizar algum material de pros e contras, tipo um comparativo do que utilizar? Driven x Reactive? Fiquei na dúvida agora, minha app uso Driven e queria mais detalhes se vale a pena mudar pra reactive. Valeu!!!
Muito bom, obrigado!!
Olá, tenho acompanhado os videos, e confesso que tenho uma dúvida em que eu fico um pouco perdido: Estou vindo do React, onde era fácil entender sobre manter o controle de estado da tela, por exemplo, eu faço uma pesquisa na api http, trago os dados, como manter estes dados na tela, mesmo se u usuário teclar F5 no browser, Eu não achei facilmente esta resposta na web! Como manter estado com angular 6?
Poderia fazer um outro exemplo utilizando um FormArray... Desde já agradeço...
Estou utilizando Angular 6 como MongoDB e Express meu formulário é reativo!
E como ficaria usando o método "pattern", tu tens alguma coisa pra nos mostrar e no html como mostrar mensagens (avisos), poderia ser com o Bootstrap? Valeu mesmo assim o vídeo!
Oi Rafael, boa tarde.
Você iria invocá-lo assim "Validators.pattern('Regex aqui')". Quando a questão de exibir as mensagens, ainda não temos um conteúdo sobre isso, mas você pode dar uma olhada na tag "app-message" desse arquivo:
github.com/algaworks/curso-angular-rest-spring-boot-ui/blob/master/24.07-ajustando-estado-e-cidade-na-pesquisa-de-pessoas/src/app/lancamentos/lancamento-cadastro/lancamento-cadastro.component.html
E depois olhar o código da tag aqui:
github.com/algaworks/curso-angular-rest-spring-boot-ui/blob/master/24.07-ajustando-estado-e-cidade-na-pesquisa-de-pessoas/src/app/shared/message/message.component.ts
Espero que ajude. #equipeAW
Eu gostei mais dos formulários reativos !
Olá, Amigo tenho curtido seus videos muito legal, eu não estou Utilizando Angular 6 com MongoDb e Express, eu não consigo entender para achar como resolver meu problema! Estou utilizando Formulario Dinamico com ForGroup, eu até consigo filtrar o meu id, mas eu não sei como devolver a informação para o formulário, afim de fazer uma edição dos dados: como devolver as informações para o formulário?
putEmpresa(id) {
console.log(id);
let registro = this.empresaService.empresas.find(res => res._id === id));
/// Filtro a informação
agora devolver a mesma para o formuário?
};
e as validacoes? hahhahahaha