RxJS - tutoriel 1 : créer un Observable

RxJS vous permet de créer des flux de données qui arrivent au fil du temps. Là où RxJS devient intéressant, c'est qu'il permet de filtrer les données d'un flux, de les modifier, de les combiner mais aussi de combiner plusieurs flux. Les données d'un flux peuvent être des valeurs (string…

Angular 2.0 - tutoriel 18 : récupérer les paramètres d'une URL à l'aide de RouteSegment

La récupération des paramètres d'une URL en Angular 2 se fait désormais à l'aide de la classe RouteSegment, qui dispose d'une propriété urlSegments (tableau dont chaque élément est un fragment de votre URL) et surtout d'une méthode getParam(), qui permet de récupérer un paramètre. Le cycle de vie du routage…

Angular 2.0 - tutoriel 17 : requêtes AJAX et observables

Angular 2 a opté pour l'utilisation des observables plutôt que des habituelles promises dans le cadre des requêtes asynchrones. RxJS, excellente librairie dédiée à l'asynchrone, a été choisie par l'équipe d'Angular 2 plutôt que de réinventer la roue. C'est donc les richesse et puissance des observables (épaulés par leurs nombreux…

Angular 2 TypeScript Snippets pour l'IDE gratuit VS Code

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…

Différences entre observable et promise

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…

Angular 2.0 - tutoriel 16 : les nouveautés de la Release Candidate

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 2 est désormais en RC

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…

Angular 2.0 - tutoriel 15 : le service RouteParams pour récupérer vos paramètres

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…

Angular 2.0 - tutoriel 14 : le routage

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…

Angular 2.0 - tutoriel 13 : vider un formulaire après soumission

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 : …

Meteor 1.3 : ES6, testabilité, Angular et React friendly, performances améliorées notamment sur mobiles

Ca va tester (TU et TI) Première nouveauté qui intéressera ceux qui prennent le temps de tester scrupuleusement (tout le monde ? :p) : une plus grande facilité à mettre en oeuvre des tests unitaires meteor test et des tests d'intégration meteor test --full-app Ce qui a nécessité en amont que les…

Angular 2.0 - tutoriel 12 : créer un formulaire programmatiquement

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…