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…

“Angular 2 par la pratique” : 71 vidéos, 7 heures de contenu : 12 € HT / mois

10 nouvelles vidéos sont en ligne depuis dimanche 17 décembre 2016. Elles vous permettront de : geocoder des adresses, c'est-à-dire à partir de 'place Sainte Anne, Rennes, France' d'obtenir une latitude et une longitude. ajouter des "markers" à ces endroits précis. Ce sera l'occasion de découvrir comment forcer Angular 2 à…

Angular 4 en mars 2017 : oui Angular "4"

Si comme moi vous avez souffert des breaking changes pendant les RC d'Angular 2, l'annonce d'Angular 4 peut commencer à vous inquieter. Rassurez-vous, les efforts à fournir pour passer d'Angular 2 à Angular 4 seront, d'après Igor Minar, bien moindre. Pas d'Angular 3 Et d'abord, pourquoi avoir sauter la version…

Angular 2 : pour être en position de force en 2017

Si vous avez envie d'être positionné sur un nouveau projet (sortir de TMA par exemple) ou songez démissionner pour avoir une augmentation, Angular 2 sur un CV mais surtout au bout des doigts est une très bonne carte à jouer. Si vous êtes freelance, votre TJM sera supérieur sur de…

Failed at the angular-quickstart@1.0.0 start script 'tsc && concurrently "tsc -w" "lite-server" '

Tel est le message d'erreur qui m'a cueilli lorsque j'ai exécuté mon habituel "npm start" sur une application Angular 2 créée il y a quelques temps déjà à partir du starter kit proposé sur le site d'angular.io, alors que la veille au soir encore, tout marchait bien. npm ERR…

Angular 2 par la pratique : ajout d'une section consacrée aux animations en Angular 2

Comme annoncé lors du lancement de la série "Angular 2 par la pratique", les mises à jour seront régulières et fréquentes. Ainsi, une nouvelle section consacrée entièrement aux animations a été ajoutée ce lundi 28 novembre 2016. Sont détaillés : la propriété "animations" des méta données d'un component l'utilisation des trigger…

Angular 2 par la pratique : 35 vidéos d'une durée totale de 4 heures pour apprendre Angular 2 en français

J'ai le plaisir de vous annoncer le lancement ce mercredi 23 novembre 2016 d'une formation dédiée à Angular 2 version finale en français. (edit : au 11 janvier 2017, ce sont désormais 71 vidéos, 7 heures de contenu). Dans le détails : Démarrer un projet Angular 2 1 - Installation d'un starter…

Angular 2 tutoriel 6 en français : comment utiliser les modules proposés par ng2-bootstrap

Voici une mise en oeuvre concrète de l'utilisation d'un module proposé par un éditeur. Ce que nous avons vu durant la vidéo d'architecture d'Angular 2 montre bien qu'il est possible d'importer des modules externes comme on le fait avec les modules fournis par les développeurs du framework Angular 2. La…

Angular 2 tutoriel 5 : le décorateur @Input()

Un component est une entité simple : dans une classe TypeScript, du code pour la logique au dessus de cette classe, un décorateur @Component() contenant les metadonnées nécessaires pour "upgrader" la simple classe TypeScript en ... component justement un template pour l'interface graphique Nous avons vu la semaine passée comme faire communiquer…

Angular 2 version finale - tutoriel 4 : les quatre types de data binding

Un component étant constitué d'un côté d'une classe TypeScript et de l'autre d'un template, on se pose rapidement la question suivante : comment donc faire communiquer ces deux entités ? Et bien ce sont pas moins de quatre types de "data binding" qui s'offrent à vous, selon que vous souhaitiez communiquer du…

Angular 2 version finale tutoriel 3 : gestion de formulaire via ReactiveFormsModule

La gestion des formulaires en Angular 2 peut se faire de deux façons : exclusivement via des directive dans le template - à la manière de se qui se fait en AngularJS - (méthode dite "template driven form"), ou bien essentiellement via des objets côté TypeScript, certes épaulés par des directives…