Aprenda como você pode migrar seu projeto Angular existente para os recursos mais recentes de forma incremental.
Standalone
Components standalone fornecem uma maneira simplificada de construir aplicações Angular. Components standalone especificam suas dependências diretamente em vez de obtê-las através de NgModules.
Sintaxe de Control Flow
A Sintaxe de Control Flow embutida permite que você use uma sintaxe mais ergonômica que é próxima ao JavaScript e tem melhor verificação de tipos. Ela substitui a necessidade de importar o CommonModule para usar funcionalidades como *ngFor, *ngIf e *ngSwitch.
Função inject()
A função inject do Angular oferece tipos mais precisos e melhor compatibilidade com decorators padrão, comparada à injeção baseada em constructor.
Rotas com lazy-loading
Converta rotas de components carregadas eagerly para lazy loaded. Isso permite que o processo de build divida os bundles de produção em chunks menores, para carregar menos JavaScript no carregamento inicial da página.
Nova API input()
Converta campos @Input existentes para a nova API de signal input que agora está pronta para produção.
Nova função output()
Converta eventos customizados @Output existentes para a nova função output que agora está pronta para produção.
Queries como signal
Converta campos de query decorados existentes para a API de signal queries aprimorada. A API agora está pronta para produção.
Limpeza de imports não utilizados
Limpe imports não utilizados em seu projeto.
Tags auto-fechadas
Converta templates de components para usar tags auto-fechadas quando possível.
NgClass para Class Bindings
Converta templates de components para preferir bindings de classe sobre as diretivas NgClass quando possível.
NgStyle para Style Bindings
Converta templates de components para preferir bindings de estilo sobre as diretivas NgStyle quando possível.
Migração do RouterTestingModule
Converta usos do RouterTestingModule para RouterModule em configurações do TestBed e adicione provideLocationMocks() quando apropriado.
CommonModule para imports standalone
Substitua imports do CommonModule por imports das diretivas e pipes individuais usados nos templates quando possível.