Si vous souhaitez bénéficier de snippets dédiées à vos développements Angular 2 dans votre éditeur VS Code, John Papa a mis à disposition les snippets qu'il avait lui même créées. L'installation est simplissime et le gain de temps appréciable sur les tâches courantes et répétitives de tout projet (création de…
Angular 2 utilise RxJS, donc les observables. Mais quelles sont les différences entre promises et observables ? Trois différences essentielles sont à noter : un observable est 'lazy'. Tant que vous n'appelez pas subscribe() sur un observable que vous avez créé, le code que contient cet observable ne s'exécute pas. Alors qu'une…
Quelles sont les nouveautés d'Angular 2 RC qui nécessitent de changer quelques habitudes prises avec la beta ? On peut en citer au moins trois : les namespaces de l'import, la configuration du routage et la création de variables côté template dans *ngFor. Le namespace "angular2" devient "@angular" Ainsi le namespace "angular2…
Angular est depuis ce 03 mai 2016 en Release Candidate. Un coup de cravache final avant le début de la ngconf du 4 au 6 mai 2016 à Salt Lake City ? Probablement. L'équipe de développement d'Angular 2 en a profité pour repackager Angular 2 en packages individuels par fonctionnalité. Cela…
Récupérer un id passé en paramètre à une URL en Angular 2, afin par exemple de récupérer un objet à partir de cet id, pour en afficher le détail dans une page dédiée est une opération commune. Angular 2 fournit pour cela le service RouteParams, qui fournit une méthode get…
Une SPA (Single Page Application) nécessite un système de routage afin de pouvoir charger uniquement les fragments de page propres à chaque vue. Bien évidemment, Angular 2 met à disposition du développeur tout ce qu'il faut : un décorateur et des directives et le tour est joué. A noter que le…
L'expérience utilsateur est ce qui fait la différence entre une application qui marche et une application que les utilisateurs aiment utiliser. Vider les champs d'un formulaire après soumission en fait partie. Dans ce tutoriel Angular 2, nous allons voir les deux façons de vider les champs d'un formulaire : …
Après avoir vu comment créer un formulaire essentiellement côté template en utilisant ngForm et ngControl, nous allons voir l'autre façon très courante de créer un formulaire : en utilisant un FormBuilder. Dans ce cas là, l'essentiel se passe côté TypeScript, en recourant à un FormBuilder, qui permet de créer un ControlGroup…
Dans ce tutoriel, nous allons voir comment créer un formulaire en Angular 2.0 puis le soumettre. L'essentiel se passera côté template, à l'aide des directives ngForm et ngControl. Ainsi, l'état et la validité de chaque champ texte du formulaire est surveillée par un ngControl, tandis que le formulaire lui-même…
Dans ce tutoriel, nous allons voir comment créer un modèle, qui sera ensuite utilisé par un service et un component. Un modèle est une simple classe TypeScript ou ES6 que l'on peut exporter et importer là on l'on souhaite l'utiliser. …
Une bonne petite cheat sheet Angular 2.0 en TypeScript. La même chose est disponible en JavaScript et Dart via le menu déroulant. …
Dans ce tutoriel, nous allons voir comment ajouter ou supprimer un élément du DOM en fonction de la valeur d'une variable. C'est l'équivalent de "ng-if" d'AngularJS 1.x …