Angular 2.0

Angular 4 est en version finale

Depuis ce jeudi 23 mars 2017, Angular 4 ... ou plutôt Angular V4.0.0 est en version finale. Comme annoncé, les changements sont sans commune mesure avec ceux que nous avons vécus en passant d'AngularJS à Angular V2. Très peu de breaking changes Migrer une application d'Angular V2.x à…

Unable to load transpiler to transpile

Après avoir vérifié et revérifié mon code, je continuais à avoir le problème suivant Unable to load transpiler to transpile http://localhost:3000/app/common/bla.js Error loading http://localhost:3000/app/common/bla.js as "./common/bla" from http://localhost:3000/app/app.module.js Error loading http…

Expression has changed after it was checked

ngAfterViewInit(){} est le lifecycle hook qui permet de s'abonner à un Observable par exemple mais PAS de modifier des données après que la vue ait été initialisée (d'où le " after view init"). Tenter de modifier les données mises à disposition par un component enfant auquel on accéderait depuis TypeScript à…

Cinq mini-projets pour se perfectionner sur Angular 2 : 39 € HT au lieu de 109 € HT

Toujours disponible au tarif de souscription, "5 mini projets pour se perfectionner en Angular 2" à 39 € HT au lieu de 109 € HT, c'est-à-dire 64% de réduction à 69 € HT soit 37 % de réduction (augmentation de 10 € chaque mercredi à 23h56 heure française). Contenu actuel Au 1er mars 2017 : 32…

Projet Youtube Search & Play : mise en ligne à partir du lundi 30 janvier 2017

Je réalise que j'avais laissé l'ancienne date de mise en ligne (samedi 28 janvier 2017) dans le détail du sommaire de "5 mini projets pour se perfectionner en Angular 2". C'est bien la date du 30 janvier 2017, annoncée dans le précédent email, qui est maintenue. J'ai en effet dû…

"Cinq mini-projets pour se perfectionner en Angular 2" : tarfis de souscription

"Cinq mini-projets pour se perfectionner en Angular 2" est en cours d'édition. La première série de vidéos relatives au projet 'Weekplan' sera en ligne ce soir mardi 17 janvier 2017. Les suivantes de ce même projet mercredi 18 janvier. Description du projet "Weekplan" Le projet Weekplan vise à vous permettre…

angular-cli : ERROR in Cannot read property 'listLazyRoutes' of undefined

Si la génération d'un nouveau projet à l'aide d'angular-cli provoque l'erreur "ERROR in Cannot read property 'listLazyRoutes' of undefined", cela vient probablement du fait que vous avez généré votre projet depuis une version ancienne d'angular-cli. Vérifiez donc votre version d'angular-cli ng --version attention, l'affichage de la version prend plus de…

"Cinq mini-projets pour se perfectionner en Angular 2" : premier projet le 17 janvier 2017

J'avais estimé la mise en ligne de "Cinq mini-projets pour se perfectionner en Angular 2" à mi janvier 2017. Elle se fera le 17 janvier 2017. J'ai en effet passé plus de temps que prévu à produire les vidéos RxJS 5 de "Angular 2 par la pratique". Vous avez pu…

Immutabilité : concat() plutôt que push(), filter() plutôt que splice()

Habituellement, on ajoute une donnée à un tableau en utilisant push() : myArray.push(item) Il est préférable de changer nos habitudes et d'utiliser concat : myArray = myArray.concat([item]) Evidemment, en ES6, il est possible d'utiliser le spread operator : myArray = [...myArray, item] C'est ce que préconise l'équipe d'Angular, car concat() créé…

Les operateurs de RxJS 5

Les "operators" font la richesse de ReactiveX en général, et pour les développeurs web (et hybride) que nous sommes, de RxJS en particulier. Les opérateurs permettent de jouer avec des flux existants, d'en créer, de les combiner, de transformer ou de filtrer les données de ces flux et bien d'autres…

Angular 2 : inclusion de contenu dans un component avec ng-content

Si cela vous évoque la transclusion propre à AngularJS (angular 1), votre intuition est correcte. La transclusion d'AngularJS, simple possibilité d'introduire du contenu dans une directive, a été reprise avec nos bien aimés components propres à Angular 2. Imaginons un component "blague" destiné à se voir passer le contenu correspondant…

Bien démarrer le Reactive Programming en général et RxJS en particulier

D'après Ben Lesh, qui n'est autre que le lead développeur de RxJS 5, ce qui effraie les nouveaux venus dans le monde de ReactiveX est le très grand nombre d'operators. Or, l'important est ailleurs. Il s'agit en priorité, toujours d'après Ben Lesh, de bien comprendre ce qu'est : un Observable un…