Angular: veja dicas, exemplos, novidades e dúvidas sobre Angular

Sign in Subscribe

Angular

Angular é uma plataforma de desenvolvimento construída sob o TypeScript. É um framework baseado em componentes para criar aplicativos web escaláveis. Nesta página você encontrará diversos assuntos relacionados ao framework Angular, desde dicas, novidades e até problemas comuns do cotidiano.

Uma mesa com um Notebook em cima. Na tela do notebook tem o logotipo do Framework Angular

Angular 17.3: conheça a nova API output() e Host Attribute Token

Confira as principais atualizações do Framework Frontend Angular 17.3. Esta versão apresenta uma nova API de output, o HostAttributeToken, suporte ao TypeScript 5.4, entre outras melhorias.

Banner de publicação do post: Download de PDF - Como mostrar e efetuar o download de um PDF utilizando HttpClient do Angular

Download de PDF via POST com HttpClient no Angular

Veja como utilizar o HttpClient para obter o conteúdo de arquivo PDF de uma API, mostrá-lo na tela e criar um link para download do arquivo.

Banner de divulgação sobre o tema ViewChild no framework Angular

ViewChild no Angular: Aprenda a acessar elementos filhos com facilidade

Aprenda a interagir com elementos filhos no Angular usando ViewChild. Ele permite manipular elementos do DOM e componentes filhos.

Banner de divulgação - Introdução ao Angular 17

Introdução ao Angular 17

Em novembro de 2023, foi lançada a aguardada versão 17 do Angular. Neste texto exploraremos as inovações e melhorias introduzidas nesta nova versão.

Banner de divulgação do post: Como aplicar uma máscara de telefone, CPF, IP e data com ngx-mask

Como aplicar uma máscara de telefone, CPF, IP e data com ngx-mask

Aprenda a aplicar uma máscara de telefone, CPF, entre outros, em seus input's utilizando ngx-mask com Angular.

Banner de divulgação: Testes unitários envolvendo timers

Como criar um teste unitário envolvendo timers | Angular

Aprenda a criar testes unitários para componentes Angular que utilizam setTimeout, setInterval, interval ou timer de forma eficiente e controlada com Jasmine e Jest.

Banner de divulgação: Compartilhando dados entre componentes Angular com Subject e BehaviorSubject

Compartilhando dados entre componentes Angular com Subject e BehaviorSubject

Descubra como facilitar a comunicação entre componentes no Angular usando Services em conjunto com Observable | Subject | BehaviorSubject do RxJS

Banner de divulgação: Desvendando os Testes Unitários para Interceptors no Angular

Como criar um teste unitário para um interceptor - Angular

Explore o passo a passo na criação de testes unitários para interceptors no Angular e descubra a importância desses testes para a qualidade e confiabilidade do seu código.

Banner de divulgação do artigo - Angular Material - Configurando e utilizando

Como configurar e utilizar o Angular Material

Aprenda a configurar e aproveitar ao máximo o Angular Material. Este guia abrange desde o processo de configuração inicial até a exploração dos componentes e recursos disponíveis no Angular Material.

Banner "Angular Signals" contento a representação de um valor dentro de um cubo

Introdução ao Angular Signals

Ainda em developer preview, Angular Signals é um novo recurso que pode mudar o atual sistema de detecção de mudanças do Angular. Criando "pacote" ao redor de um valor e pode notificar consumidores interessados nas mudanças do valor. Conheça os motivadores e veja alguns exemplos neste post

Banner de divulgação do texto. Imagem com diversos canos no fundo e o texto "Angular Pipe - Entenda os parâmetros pure e st

Entendendo o pure e standalone do Angular Pipe

Veja as diferenças de valores nos parâmetros pure e standalone de um Angular Pipe. Aprenda a usá-los para melhorar o desempenho e a reutilização.

Banner Como construir um componente stories com Angular

Criando um componente stories - Angular

O componente Stories é um recurso popular, utilizado por diversas redes sociais. Neste texto é apresentado como podemos construir um componente stories utilizando um pouco de CSS, HTML e Angular.

Ilustração de um projeto Angular sendo enviado para o serviço Azure Blobs

Deploy de uma aplicação Angular no Azure Blobs

Como efetuar a configuração, deploy e disponibilização de uma aplicação Angular no serviço de armazenamento Azure Blobs da Microsoft.

Diagrama ilustrando um redirecionamento de rota por parte do Guard do Angular

Como proteger suas rotas - Angular Guard

Exemplo de como proteger suas rotas com a implementação do CanActivate (guard) do Angular.

Como criar um componente carrossel em Angular

Como criar um componente carrossel em Angular

Aprenda a criar um componente em Angular no estilo carrossel para exibir uma imagem por vez, efetuando a transição com o efeito fade.

Validação assíncrona - AsyncValidatorFn Angular

Validação assíncrona - AsyncValidatorFn Angular

Como criar um formulário reativo (Reactive Forms) com validação assíncrona (AsyncValidatorFn) do Angular.

Como integrar o reCAPTCHA em um projeto frontend Angular

Como integrar o reCAPTCHA em um projeto frontend Angular

Como adicionar o Google reCATPCHA na tela de login de um projeto Angular e uma API com Express JS + Node.js.

Formulários dinâmicos - Angular - FormBuilder.array

Como construir um formulário dinâmico - Angular

Aprenda a criar um formulários dinâmico, como um questionário, efetuando as devidas validações através do FormBuilder.array.

Como funciona o change detection do Angular

Como funciona o change detection do Angular

Veja como funciona o change detection (CD) do Angular e qual a melhor estratégia para o seu componente: Default ou OnPush.

Como construir um calendário com Angular 2+

Como construir um calendário mensal - Angular 2+

Particularmente já precisei de um componente que exibisse um calendário mensal. Na época fiz uma busca na internet e não encontrei um componente que atendesse especificamente minha demanda, então resolvi criar um componente e vou compartilhar a ideia geral do componente neste texto.

Como mudar o título da página de acordo com a rota - Angular

Mudar o título da página de acordo com a rota - Angular

Veja como utilizar o Title, Router e ActivatedRoute para mudar o título da sua aplicação de acordo com a rota que está ativa.

Construindo um progress bar - Angular

Construindo um progress bar - Angular

A barra de progresso é um componente visual que ajuda o usuário a entender o status de processamento de alguma atividade. Neste texto vamos abordar a construção de uma barra de progresso em Angular.

Time zone - Date - JavaScript ExpressJS - Angular

Time zone - Date - JavaScript ExpressJS - Angular

Veja como trabalhar com time zone (fuso horário) em aplicações JavaScript como Angular e ExpressJS que utilizam o objeto Date

Validação de formulário com ngModel - Angular

Validação de formulário com ngModel - Angular

Como construir uma validação de formulário direto no template através do uso da diretiva ngModel.

Diagrama mostrando que um <ng-container> pode receber diferentes templates através do ngTemplateOutl

Construindo componentes mais flexíveis com ngTemplateOutlet - Angular 2+

Como aumentar o reaproveitamento dos componentes possibilitando customizações na renderização com o ngTemplateOutlet do <ng-container>.