Tutorial do Framework Angular

Fundamentos

Introdução ao Framework Abordagem de Componentes Instalação do Framework Criação de Projeto Estrutura do Projeto Estrutura da Pasta de Trabalho Arquivo de Layout Arquivo de Estilos Comuns Estrutura do Componente Arquivo de Markup do Componente Arquivo de Estilos do Componente Arquivo da Classe do Componente

Template

Interpolação Propriedades da classe no template Propriedades da classe em atributos Propriedades-array no template Propriedades-objeto no template Métodos da classe no template Variáveis de template Vinculação a propriedades e atributos

Condições

Diretiva if Operadores na diretiva if Construção if Operadores na construção if Construção else Construção else-if Construção switch-case Tag ng-template Açúcar sintático

Laços

Diretiva for Construção for Índices de laço Primeira iteração Última iteração Iteração par Iteração ímpar

Eventos

Vinculação de manipuladores Parâmetros dos manipuladores Objeto event no manipulador Objeto event e parâmetros Reatividade Reatividade de loops Reatividade de condições Vinculação bidirecional

Estilização

Estilos do Componente Vinculação de Classes CSS Vinculação em Massa de Classes CSS Vinculação de Estilos CSS Vinculação em Massa de Estilos CSS Alteração Dinâmica de Estilos

Pipes

Introdução Conversão para maiúsculas Conversão para minúsculas Corte de string Formatação de datas Formatação de números Formatação de moeda Cadeias de pipes Lista de pipes

Componentes

Componente Filho Passagem de Dados Passagem de Propriedades Chamada Múltipla de Componente Chamada de Componente em Loop Passagem de Texto Passagem para Setter Emissão de Dados do Filho Vinculação Bidirecional de Eventos Mudança de Tag

Ciclo de Vida dos Componentes

Introdução Hook ngOnInit Hook ngOnDestroy Vários Hooks

Serviços

Introdução Criando um Serviço Usando um Serviço Injeção em um Serviço

Roteamento

Introdução Criando um novo projeto Criando componentes Configurando roteamento básico Tag para roteamento Links de roteamento Estilização de links ativos Correspondência exata de endereços Parâmetros de rotas Valores dos parâmetros de rotas Usando parâmetros de rotas Parâmetros de rotas em links Problema com alternância de links Navegação programática Capturando todas as URLs Ordem das rotas Redirecionamento Rotas filhas

Projetos

Checklist Bloco de Notas

↑