Angular Signals - Exemplos em Live Demo

Este repositório é inspirado em um repositório em inglês que explica o Angular Signals e exemplos em tempo real de como criar e atualizar Signals, usar efeitos, converter a partir de observáveis e criar valores computados.

Live Demo

Exemplos

1. Contagem de aumento/diminuição: Example 1
2. Aumentar contagem automaticamente: Example 2
3. Atualizar nome usando input: Example 3
4. Signals com 'computed': Example 4
5. Lista de a fazer: Example 5
6. Input com NgModel: Example 6
7. Converte um 'Observable' num Signal: Example 7
8. Usar Signal com efeitos secundários: Example 8
9. Calculadora de IVA com Angular Signal: Example 9
10. Lista de produtos e busca com Angular Signal: Example 10
11. Signal com input: Example 11
12. Signal não rastreável: Example 12
13. Meu carrinho (Adicionar/Remover produto): Example 13
14. Produtos - Virtual scroll: Example 14
15. Mostrar/esconder um spinner de carregamento: Example 15
16. Apenas leitura com Signal - .asReadonly(): Example 16

Servidor de desenvolvimento

Execute ng serve para um servidor de desenvolvimento. Navegue até http://localhost:4200/. A aplicação será recarregada automaticamente se você alterar qualquer um dos arquivos de origem.

Build

Execute ng build para construir o projeto. Os artefatos de construção serão armazenados no diretório dist/.

Rodar teste unitário

Execute ng test para executar os testes unitários via Karma.

Rodar teste end-to-end

Execute ng e2e para executar os testes fim-a-fim através de uma plataforma de sua escolha. Para usar este comando, você precisa primeiro adicionar um pacote que implemente capacidades de testes ponta-a-ponta.