Processo típico de migração do Angular 1 para o Angular 2

Posted on by — Comments
image_pdfimage_print
  1. Inclua as bibliotecas Angular 2 e ng-upgrade em sua aplicação existente a ser portada
  2. Defina um primeiro componente a ser migrado
    1. Edite a directive Angular 1 escolhida e adapte seu código a sintaxe ao Angular2
    2. Converta o controller e funções ligadas a directive para a sintaxe e semantica do Angular 2
    3. Use ng-upgrade para exportar a directive (agora um Componente) como um componente Angular 1 (isso é necessário se você deseja chamar o novo componente Angular 2 de um template Angular 1)
  3. Escolha um service que deseja migrar
    1. A maioria dos services exige pouca ou nenhuma alteração
    2. Configure os serviço no Angular2
    3. (Opcional) Re-exportar o service para o Angular 1 usando ng-upgrade se ele ainda for usado por outras partes do seu código Angular 1.
  4. Repita o processo 2 e 3 até concluir a migração de todos as directives e services do sistema
  5. Uma vez que nenhum service ou directive precisa mais ser convertida, remova o top level Angular 1 bootstrap substituindo pelo Angular 2 bootstrap
Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Default ThumbnailComo obter e criar módulos em Angular.js 1.x Default ThumbnailPrimeira impressão de desenvolvimento de aplicativos usando Angular.js 2.0 Default ThumbnailExportar contatos do Gmail para o formato CSV Default ThumbnailComo definir variáveis de ambiente para apenas um processo no Bash Shell Default ThumbnailMigrando do Angular.js 1.0.8 para a versão 1.2.0 Default ThumbnailDicas de conversão de um view Angular.js 1.x para Vue.js 1.x Default ThumbnailDiferença entre angular.copy e Angular.extend em objetos JavaScript Default ThumbnailConvertendo chamada Angular.js 1.x $http para jQuery Ajax com cross-domain Default ThumbnailPHP7 – Manual de migração