https://github.com/emanoelcampos/angular-forms-template-driven

Estudos Angular - Formulários Template Driven
https://github.com/emanoelcampos/angular-forms-template-driven

angular bootstrap5 forms frontend fullstack loianegroner

Last synced: about 10 hours ago
JSON representation

Estudos Angular - Formulários Template Driven

• Host: GitHub
• URL: https://github.com/emanoelcampos/angular-forms-template-driven
• Owner: emanoelcampos
• Created: 2022-10-27T03:46:25.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-29T03:36:49.000Z (about 2 years ago)
• Last Synced: 2023-03-11T19:02:39.844Z (over 1 year ago)
• Topics: angular, bootstrap5, forms, frontend, fullstack, loianegroner
• Language: TypeScript
• Homepage:
• Size: 462 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular - Formulários (Template Driven)

 

## Projeto com aulas sobre formulários(template driven) do curso de Angular da Loiane Groner

O repositório possui estudo dos temas:

- Formulários (template vs data / reativo) Introdução

- Formulários – Criando o projeto inicial com Bootstrap 3

- Forms (template driven) Controles ngForm, ngSubmit e ngModel

- Forms (template driven) Inicializando valores com ngModel (two-way data-binding)

- Forms (template driven) Módulos e FormsModule

- Forms (template driven) Aplicando validação nos campos

- Forms (template driven) Aplicando CSS na validação dos campos

- Forms (template driven) Mostrando mensagens de erro de validação

- Forms (template driven) Desabilitando o botão de submit para formulário inválido

- Forms (Dica): Verificando dados do Form no template com JSON

- Forms (template driven) Adicionando campos de endereço (form layout Bootstrap 3)

- Forms (template driven) Refatorando (simplificando) CSS e mensagens de erro

- Forms (template driven) Form groups (agrupando dados)

- Forms (template driven) Pesquisando endereço automaticamente com CEP

- Forms (template driven) Populando campos com setValue e patchValue (autocomplete CEP)

- Forms (template driven) Submetendo valores com HTTP POST