Skip to content

Latest commit

 

History

21 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

🅰️ Angular Data Binding — Guia Prático & Aplicação

Angular TypeScript SPA

📌 Sobre o Projeto

Projeto prático desenvolvido para consolidar e demonstrar as 4 formas fundamentais de Data Binding no ecossistema Angular:

  1. 🔹 Interpolation ({{ valor }}): Passagem de dados da classe (componente TypeScript) para a view (HTML).
  2. 🔹 Property Binding ([propriedade]="valor"): Associação de propriedades HTML e atributos dinâmicos.
  3. 🔹 Event Binding ((evento)="metodo()"): Captura de eventos do usuário (cliques, inputs, submits) para a lógica do componente.
  4. 🔹 Two-Way Data Binding ([(ngModel)]="dado"): Sincronização bidirecional em tempo real entre formulário e estado.

🛠️ Tecnologias

  • Framework: Angular 17+
  • Linguagem: TypeScript
  • Estilização: CSS3 / SCSS

🚀 Como Executar

# 1. Instale as dependências
npm install

# 2. Inicie o servidor de desenvolvimento
ng serve

# 3. Acesse no navegador em http://localhost:4200

Desenvolvido por Lucas Oliveira 🚀

About

🅰️ Projeto prático demonstrando conceitos de Data Binding, Event Binding, Property Binding e Two-Way Data Binding com Angular.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages