Exercícios: Aula 03 📝

Pratique a comunicação entre lógica e visual.

Básico

1. Interpolação: Crie uma variável titulo no seu componente e exiba-a no HTML usando a sintaxe correta.
2. Property Binding: Como você alteria dinamicamente a cor de fundo de uma div usando Property Binding com a propriedade style.background-color?

Intermediário

1. Event Binding: Crie uma função que exiba no console do navegador o que o usuário está digitando em um campo <input>. (Dica: use o evento (input) ou (keyup)).
2. Two-way Binding: Explique por que o [(ngModel)] é chamado de "Banana in a Box". Qual módulo deve ser importado para que ele funcione?

Desafio

1. Calculadora Simples: Crie dois campos de input (numéricos) e exiba a soma desses dois valores em tempo real na tela, conforme o usuário digita. Use Two-way binding.