background preloader

Préparer la migration de AngularJS 1.x vers AngularJS 2.0

Facebook Twitter

Articles de MaxLab de Décembre 2015

Angular 2 migration: what's ng-forward? - codelord.net. Angular 2 keeps getting closer (beta2 was just released). This means everyone are getting more anxious and worried about the future of their Angular 1 code. The migration path keeps getting clearer. I’ve shown before how easy it is to start integrating ng2 in your existing apps with ng-ugprade. Yet I keep seeing developers confused ng-forward: Is it the same as ng-upgrade? Is it a formal part of the migration path?

When should you use it? This post will give you the background you need to wrap your head around ng-forward and whether or not you should be using it. ng-forward is an open source project that aims to let you write Angular 1 code that looks very similar to Angular 2. Ng-forward isn’t by the Angular core team per se. Here’s how a simple service would look like when written with ng-forward: As you can see, it’s much alike Angular 2, but of course we’re still making use of Angular 1 services like $q.

Success! Also, I find the almost-exact-same-syntax a bit of a disadvantage. Migrer de AngularJS 1.x vers AngularJS 2.0 : la théorie - Maxlab. Tout ceux qui travaillent avec AngularJs aujourd’hui le savent ( ou devraient le savoir ) : AngularJS 1.x va mourir ! Certains ont eu du mal à digérer l’annonce lors de la ng-europe en octobre 2014 puisque Angularjs 2 est une rupture massive avec la version actuelle. C’est alors qu’on a vu apparaître de plus en plus d’articles anti AngularJS mettant en avant la plupart de ses défauts.

Faut il pour autant laisser tomber AngularJs dans sa branche 1.x ? Ou bien réécrire toutes ses applications « from scratch » avec une autre techno ? Attendre Angular 2 ? Dans cette première partie je vais tenter de répondre aux questions que l’on peut se poser puis je vous montrerai en détail comment il est possible de préparer cette migration sereinement. La mort du framework ? Pas de panique, même si AngularJS 1.x et la plupart de ses concepts fondateurs vont disparaître, ce n’est pas pour tout de suite . Vouloir implémenter une solution parallèle serait donc contre productif. AngularJs 2.0 le renouveau. Préparer la migration de AngularJS 1.x vers AngularJS 2.0 - Maxlab.

AngularJs 2 est désormais disponible en version beta mais de nombreuses applications débutent encore sur la version 1 qui sera toujours supportée jusqu’en 2018. Dans la premiere partie nous avons que vu les principaux concepts utilisés par Angular 1.x sont amener à évoluer voir disparaître. Or il est possible dès à présent de se préparer à ces changements et anticiper une migration en mettant en place point par point des techniques issues de bonnes pratiques et de nouvelles fonctionnalités. La fin des contrôleurs Eviter l’usage de $scope et utiliser la syntaxe ControllerAs La fonctionnalité controllerAs introduite depuis la version 1.2 permet une flexibilité non négligeable sur l’utilisation des contrôleurs en le dissociant du $scope .

On peut utiliser controllerAs à chaque fois que l’on appel un contrôleur : Dans une vue : Sur une directive Avec ui-router De cette manière, les données que l’on veut exposer à la vue ne sont plus liées au $scope. La notion de composant Tout est directive.