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 elementos

Content 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-versa

Component 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
Print Friendly and PDF

Sem comentários:

Com tecnologia do Blogger.