Angular: Pipes, Diretivas e Roteamento

Name: Angular: Pipes, Diretivas e Roteamento
Author: Michaela Ochnich

Trabalha com pipes em Angular e aprende como usares diferentes directivas e configurares rotas

Preview the first lesson free — get full access to all 8 lessons.

Curso: sob demanda

Esta lição apresentará tubos angulares e como usá-los em seus modelos de componentes. Pipes são funções usadas em modelos angulares para transformar os dados em um formato diferente para a visualização, como mudar uma string para maiúsculas e minúsculas, ou exibindo uma data em um formato específico. Angular fornece tubos embutidos que cobrem as transformações de dados padrão, e esses tubos estão disponíveis para uso tudo em todo o seu aplicativo. A sintaxe é usar o operador pipe e um par de chaves. À esquerda está a entrada para o tubo, e à direita está o nome do tubo. Então, na aula, vou criar uma string. E então, no modelo, você pode usar o tubo maiúsculo ou o tubo minúsculo, que irá converter a string em todas as letras maiúsculas ou minúsculas. E depois vendo isso no navegador. E aqui você pode ver que a corda foi alterada para exibir em maiúsculas ou minúsculas. Alguns tubos também aceitam parâmetros. O tubo de data tem muitos formatos diferentes para exibir objetos de data angular. Primeiro, vou criar um objeto de data na classe. O tubo de data tem muitos formatos diferentes para exibir objetos de data angular. Existem opções predefinidas, como data curta e data completa. Existem algumas opções predefinidas para data, como data curta e data completa como você pode ver aqui, ou você pode personalizar o formato da data. Isso exibirá a data com dois dígitos para o mês e dia, e quatro para o ano, que, abrindo o navegador, você pode ver aqui. O tubo de moeda também leva parâmetros. Ele usará suas informações locais como padrão, ou você pode especificar qual exibir. Na aula, vou definir um valor. Em seguida, use o tubo no modelo. E aqui você pode especificar um tipo de moeda. O Angular também oferece outros tubos integrados. Para ver aqueles, ou aprender mais sobre qualquer um dos parâmetros opcionais, você pode verificar a API do Angular em angular.io. Isso é tudo para esta lição sobre tubos angulares. Na próxima lição, apresentaremos as diretivas angulares.

Principiante Fornecedor : Michaela Ochnich 8 lições · 23m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Estas lições apresentam os pipes comuns que são usados para formatares dados para exibição em uma aplicação. Aprenderás a usares as diferentes directivas estruturais e de atributo fornecidas pelo Angular. Também aprenderás como configurares o roteamento em uma aplicação e definires uma rota simples, bem como uma rota curinga.

O Que Você Vai Aprender

Usar pipes Angular comuns para formatar dados para exibição em uma aplicação
Aplicar diretivas estruturais e de atributo Angular, incluindo ngIf, ngFor, ngClass, ngStyle e ngModel
Distinguir entre os diferentes tipos de diretivas que Angular fornece
Configurar roteamento em uma aplicação Angular
Definir uma rota básica simples e uma rota curinga

Principais Conclusões

Angular fornece pipes comuns usados para formatar dados para exibição em uma aplicação.
Angular oferece diferentes diretivas estruturais e de atributo, como ngIf, ngFor, ngClass, ngStyle e ngModel.
O roteamento pode ser configurado em uma aplicação Angular para definir rotas básicas e rotas curinga.

Perguntas Frequentes

O que este curso abrange?

Ele abrange os pipes comuns usados para formatar dados para exibição, as diretivas estruturais e de atributo fornecidas por Angular e como configurar roteamento, incluindo definir uma rota básica simples e uma rota curinga.

O que vou aprender sobre pipes?

Você ganhará conhecimento prático de pipes em Angular e aprenderá como usá-los para formatar dados para exibição em uma aplicação.

Quais diretivas Angular são ensinadas neste curso?

O curso abrange tipos de diretivas e diretivas específicas incluindo ngIf, ngFor, ngClass, ngStyle e ngModel.

Quais tópicos de roteamento estão incluídos?

O curso apresenta roteamento e mostra como configurar roteamento em uma aplicação, definir uma rota básica simples e definir uma rota curinga.

Quais habilidades este curso ajuda a desenvolver?

Ajuda a construir habilidades em Angular (Web Framework), Angular Components, Angular Material, Angular UI, Data Pipelines e Process Piping.