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

yeoman

Olá Pessoal,

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

Lets go…

Atualizando AngularJS via Yeoman

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.

Step 1

Abra o arquivo bower.json

Step 2

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"

  }

  Step 3

Digite bower update e aguarde atualização

bowerupdateversion

Step 4

Agora execute:

bower install --save angular-route

 Step 5

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

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

 Step 6

Abra o arquivo apps.js  e atualize. Adicione ngRoute ficando assim:

angular.module('webappApp', [

  'ngCookies',

  'ngResource',

  'ngSanitize',

  'ngRoute'

])

Step 7

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, como já citei aqui no blog.

Vou ficando aqui e espero que tenham gostado do post.

Abraços, see ya!