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