ANGULAR FORMULÁRIOS EM OUTRO NÍVEL COM TYPED FORMS |
ฝัง
- เผยแพร่เมื่อ 25 ส.ค. 2024
- 🔥 Prepare-se para elevar seu código a outro nível! Você ainda está usando any em seus formulários Angular? Esqueça isso! No vídeo de hoje, mostro como os novos formulários tipados estão mudando tudo. Acesse diretamente controls.nome sem o velho controls.get. Clique agora para saber mais!
[ Instagram ] / cristianwilliamdev
[ LinkedIn ] / cristian-silva-vieira
[ TikTok ] www.tiktok.com...
[ Twitter ] / cristianwilldev
#angular #FormuláriosTipados #WebDevelopment #TypeScript #AngularForms #DevTips #Programação
Parabéns pelo vídeo! Vai mudar minha forma de construir e manipular formulários. Muito bem explicado.
Cara, vc está criando o melhor conteúdo em Angular BR, muito obrigado!!
Espero que role um curso avançado sobre angular mesmo, expectativa tá lá em cima!! rs
Hahahahaha Boaa mano! Vai ter sim 🤘🏻🤘🏻
Ta muito bom mesmo na moral !!
Parabéns excelente conteúdo!! Muito bem explicado.
Cara que conteúdo excelente!! Muito obrigado por compartilhar e se tiver curso eu também compro kk !!!
autdio perfeito
excelente, voce poderia montar um curso ai pra galera hein !!! eu compraria com certeza kkkkk
Eitaaa, vou criar mesmo! Galera pede bastante
usando react hook form e uma lib como Zod acredito que fica igual ou até melhor que o ponto mencionado em 26:16, vim do react e ainda estou tentando gostar do angular rs
parabens pelo canal mano
Acabei de chegar do python backend, fiz um curso na DIO de angular pra consumir as minhas APis, e precisei complementar com algum curso. Seu canal é um achado, didática excelente. Parabéns!
1:54 Lembrete: faça o video de form reactive e template driven
Vamos vamos que vamos! Vou fazer manow!
Top d+
É nozes!
Cristian é o cara em Angular
Muito top o vídeo e ansioso pelo curso de Angular
Não esquece de avisar quando lançar o curso
Vlw Cristian
Sim mano! Tmj demais! Ja que chega, estou preparando um conteudo bem massa para voces
Cara o vídeo é tão bom que fui obrigado a comentar duas vezes.
Que conteúdo maravilhoso, didática impecável!!
Sugestão para próximos vídeos: Guards e/ou interceptors
Excelenteeee sugestão hahaha, vlw mesmo mano 🤘🏻🤘🏻
Gostei muito do conteúdo manw, fera demais !!!
Pirei na fonte do vscode, passa pra nós ? Kk
Falaaa mano! Essa fonte é maneira, uso a Operator-Mono com Ligatures, o tema é um dark own, mas com umas mudanças que fiz
Mais um excelente conteúdo! Valeus Cristian!
Vlwww manow!
caraca, tô maratonando as aulas!
Que maneiro fico feliz cara!
Sem dúvidas o melhor conteúdo de angular que encontrei !
Aiiii voce me emociona mano! Hahahah Vlww demais meu querido!
Conteúdo top, muito obrigado por compartilhar com a gente!!!
Obrigado pelos comentários mano! Tmj!
Salve.... manoww.. Muito bacana...
Acabei de lembrar que preciso fazer sobre os outros tipos de forms huashusah Vlw mano!
Massa mano.
Vlwww rei!
Muito boa a explicação, e realmente essa api de formulário deixa as demais no chinelo.
Excelente vídeo.
Vlwww meu brother tmj!
se ta maluco,aula top man..
Que foda ter gostado manow!
Ue eu uso o form builder e não sabia que tinha como chamar um Control dessa forma kkk. Valeu como sempre mano. Sempre pego umas dicas top com vc
Que maneiro mano aí simm
Muito bom, nao sabia dessa atualização. Valew Cris!
Oiaaa, agora já ficou um pouco melhor em hahaha
Fera demais!
Vlww Mano!
Parabéns man... continue assim
Obrigado mesmo mano!
topppppppppppppppppppppppppp
Vlwww brother 👏🏻👏🏻
me ajuda a descobrir fazendo de memória no angular? No estilo onDestoy, unsubcribe... ? Existe alguma ferramente igual a ClinicJs, do node?@@cristianwilliamdev
Concordo mano, forms ficaram mto bons com essa API. Tanto forms quanto services shared dentre várias outras coisas sempre foram mto bons no angular enquanto no react por exemplo demorou uma década pra ficar melhor kkk.
Shuasuhahuashusa até hoje não gosto de React sauhshua, mas confesso que faz um tempo que não coloco a mão.
Salve... Excelente vídeo
Ansiosa pelo curso ❤. Trás um conteúdo sobre signals Cris 🙏🏽
Já que chega oww, sobre signals, spoiler: amanhã 🤘🏻
muito bom!
Obrigado demais manO!
muito bom, obrigado.
Tmj Nivaldo! é nozesss
Show, faltou dizer como carregar os dados com um objeto.
Hmmmm, uma boa também mano! Vlw a sugestão
tenho o mesmo toc com o onInit, na verdade com todos os lyfecycle hooks, inclusive na ordem de chamada de cada um ¬¬
A ordem de chamada eu não tenho tanto hahahah mas o OnDestroy tem que ser o ultimo sem conversa husauhsahu sa
Desta forma não precisa declarar o formBuilder no constructor?
Muito top o vídeo, se puder fazer um sobre o template driven e os outros tipos igual tinha comentado seria legal
Brother, voce precisa sim declarar o formBuilder, quando não declara, voce precisa declarar com
form = new FormGroup()
Ai acho que a sintaxe não fica tão legal, com o formbuilder, fica mais enxuta.
PPPP
Suponha que eu tenho uma string, e queira iniciá-la com null. Como ele vai saber que o tipo é string? Estou fazendo aqui e ele está inferindo que o tipo do campo é só null...
Salve manow, nesse caso, voce pode usar o FormBuilder mesmo, com o método Group, para iniciar o formGroup, no caso de querer iniciar com null, ficaria algo assim:
form = this.formBuilder.group({
name: new FormControl(null)
});
Vale lembrar que quando voce usa o FormBuilder, para gerar os forms, todos os controles já são nullables mano, ou seja, ainda acho que a melhor alternativa seria o:
form = this.formBuilder.group({
name: [' ']
});
Assim, voce mesmo iniciando com uma string vazia, o componente aceitaria null caso voce execute um reset nele.
Caso queria que seu componente seja NonNullable, pode usar o NonNullableFormBuilder
@@cristianwilliamdevValeu. Encontrei outra forma também:
nome: null as string | null
Assim ele inicializa com null e mantém o tipo string | null
Amigo, qual a fonte vc usa no seu vsCode ?
Mano, tem um vídeo que fiz chamado, como personalizar temas no vscode, onde mostro a fonte, o tema e tudo…
Excelente vídeo, parabéns man!! Que fonte massa, qual é?
Do vs code mano?
@@cristianwilliamdev isso, mto top
Cara, ficou uma dúvida. E se eu quiser inicializar um form tipado, mas com valor padrão dos controles null?
Nesse caso, voce pode usar o FormBuilder padrão mano, inicializa seu objeto, e ele será tipado!
Que conteúdo delícia
HAHAHAH Vlww rei!