30. pen4education
1 - Inicializar o Angular no Browser
2 - De ng-controller para Component Class
3 - De ngAnimate para Angular 2 animate
4 - De ngRepeat para ngFor
5 - Criando services injetáveis em Angular
6 - Criando filtros customizáveis
7 - PIPES
42. pen4education
ngUpgrade:
• é o mecanismo de migração que o Google criou que
deixa você rodar códigos do Angular 2 em aplicações
feitas em Angular 1.
ng-foward:
• foi criado pela comunidade para deixar que você
escreva códigos parecidos com Angular 2 no Angular 1,
mas ainda não usa ng2.
44. pen4education
Passo 2 [code]
Defina um primeiro componente a ser migrado
• Edite a directive Angular 1 escolhida e adapte seu código a sintaxe ao
Angular2
• Converta o controller e funções ligadas a directive para a sintaxe e semântica
do Angular 2
• 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)
45. pen4education
Passo 3 [code]
Escolha um service que deseja migrar
• A maioria dos services exige pouca ou nenhuma alteração
• Configure os serviço no Angular2
• (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.
47. pen4education
Passo 5 [code]
Uma vez que nenhum service ou directive precisa mais ser
convertida, remova o top level Angular 1 bootstrap
substituindo pelo Angular 2 bootstrap
54. pen4education
Core:Directives
• form Define seus métodos no seu prototype, não em cada instância
• input[number] Possui um Step validator
• input[radio] Status determinado por (===) entre o value do input e o $viewValue
• input[range] Total Suporte
• ngBind Usa a mesma lógica do $interpolate
• ngModel Define seus métodos no seu prototype, não em cada instância
• select Usando ngValue em <option> elementos dentro de um <select
ng-model> definirão automaticamente valores neles em forma hash
55. pen4education
Core:Services
• $compile A pré-atribuição de bindings nas instâncias do controlador é desativada por
predefinição. (Pré-atribuição de bindings vai ser depreciada nas próximas versões)
• $http
1. Não pode mais usar placeholder JSON_CALLBACK em suas requisições JSONP
2. success() and error() foram removidos. Usamos agora then()/catch()
• $location Possui um prefixo (!) nas URLs. Ex.: mydomain.com/#!/a/b/c
• $q Melhorou o tratamento de rejeições e exceções