Do Angular 1 para o Angular 2
Razões para actualizar
Renderização do lado do servidor
O Angular 2 está dividido em duas partes, uma camada de aplicação e uma camada de renderização, o que permite executar Angular noutros ambientes além de navegadores web.Templates mais robustas
Há uma nova sintaxe analisável estaticamente, há directrizes que desaparecem e há melhor integração com componentes web e outros elementos.Melhor desempenho
Detecção de alterações mais rápida, pré-compilação das templates e o bootstrap mais rápido são algumas das melhorias que fazem a framework mais rápida.O que muda
Componentes
Tudo é uma componente, até a própria aplicação.Inputs/Outputs
Propriedades e eventos dos elementosContent Projection
Trata-se da nova transclusão, mas mais alinhado com o padrão das componentes web.Dependency Injection
Cada componente tem o seu injector.Outras coisas vão mudar no Angular 2 como routing, forms e a camada Http.
Actualização para Angular 2
Este processo compreende duas fases: preparação e actualização.
Preparação
Considera a estrutura da aplicação, as ferramentas ou a actualização da linguagem.Actualização
Executar ambas as frameworks lado a lado. É aqui que entra em acção o ngUpgrade para tornar as componentes das versões 1 e 2 interoperáveis.Actualizar com ngUpgrade
Este módulo actua como um adaptador, o que abstrai a existêcnia de duas frameworks a correr em simultâneo. Quatro coisas têm de interoperar.Dependency Injection
Componentes de Angular 1 a usar serviços do Angular 2 e vice-versaComponent Nesting
Componentes de Angular 2 a usar directivas de Angular 1 e vice-versa.Content Projection
Componentes Angular 1 transcluem componentes Angular 2 e vice-versa.Change Detection
Intercalação entre Scope Digest (A1) e Change Detectors (A2)Exemplo aplicado a bootstrap
import {UpgradeAdapter} from 'angular2/upgrade';
var adapter = new UpgradeAdapter();
var app = angular.module('myApp', []);
adapter.bootstrap(document.body, ['myApp']);
Todo o processo detalhado e em actualização no artigo original por Pascal Precht.
fonte: thoughtram Blog
Licença CC BY-SA 4.0
Silvia Pinhão Lopes, 13.12.15
Sem comentários: