Você está aprendendo
Ver documentação
Exibindo dados no template do componente
Objetivo: 3 acertos
Prêmio: 1 conquista de Angular
Progresso atual:
Olá, bem vindo a sala Introdução aos templates de componentes de Angular
Clique no botão abaixo, desbloqueie conteúdos, exercícios e conquiste essa sala.
Temos vagas de Angular
3 vagas disponíveis
Obrigado pelo seu feedback.
Esta sala possui 0 pré-requisitos recomendados
Conteúdo da sala
Documentação
Angular: Introdução aos templates de componentes

Veremos como os dados de nossas aplicações podem ser exibidos para o usuário e atualizados a cada modificação do mesmo. Além disso, aprenderemos a capturar ações do usuário, como cliques e aperto de teclas.

Características

  • Criação do componente responsável pela lógica e template
  • Exibição do componente na tela
  • Capturando ações do usuário

Exemplo de código

export class ContadorComponent implements OnInit {
// O Angular se encarregará de atualizar a interface
  public numero = 1;
  constructor() { }

  ngOnInit() {
  }
// acessamos o atributo numero e somamos 1 ao seu valor
  incrementar() {
// Utilizamos o this para acessar o atributo numero 
// da classe de dentro da própria classe
    this.numero++;
  }
}

O que eu preciso aprender?