Front End

18 mar, 2015

Série AngularJS: Atualizando versão do AngularJS via Yeoman

Publicidade

Olá, pessoal!

No artigo de hoje vamos ver como dizer para o Yeoman usar uma versão específica do AngularJS.

Por default, o Yeoman na versão 1.0 vem com o AngularJS 1.0.7, mas se precisamos usar a versão mais recente ou uma específica, como atualizar? É bem simples!

Note: vou considerar que você criou seu projeto via Yeoman.

Passo 01

Abra o arquivo bower.json

Passo 02

Altere as dependências a seguir para a versão desejada:

"angular": "~1.2.9",
"angular-resource": "~1.2.9",
 "devDependencies": 
{
    "angular-mocks": "~1.2.9",
    "angular-scenario": "~1.2.9"
  }

Passo 03

Digite bower update e aguarde atualização:

bowerupdateversion

Passo 04

Agora execute:

bower install --save angular-route

Passo 05

Precisamos atualizar o arquivo Karma.conf.js no array files adicione:

'app/bower_components/angular-sanitize/angular-route.js',

Passo 06

Abra o arquivo apps.js e atualize. Adicione ngRoute, que vai ficar assim:

angular.module('webappApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ngRoute'
])

Passo 07

Abra o arquivo index.html dentro de app/index.html e adicione a linha a seguir no bloco de script/modules.js:

<script src="bower_components/angular-route/angular-route.js"></script>

Pronto! Veja que a estrutura do projeto foi alterada de acordo com a versão escolhida do AngularJS. Sabemos que a partir da versão 1.2 tivemos mudanças que são incompatíveis com projetos na versão 1.0.x.

Vou ficando aqui e espero que tenham gostado do artigo.

Abraços!