Blog

Angular 4.0 est arrivé !

La version 4 d'Angular arrive à grands pas ! Comme indiqué dans ce ticket, il n'y a pas de version 3. Comme prévu, elle arrivera le 22 mars 2017. Enfin, presque comme prévu, car elle devait arriver le 15 mars. Comme il s'agit d'une version majeure, certains changements entrainent des ruptures de…

lire la suite

Les pipes

Le principe d'un pipe est de prendre en entrée une donnée et de la transformer comme vous le désirez dans le but de l'afficher à l'utilisateur. Un exempale courant d'utilisation des pipes est le formatage des dates. Si vous devez afficher un objet Date dans votre template en utilisant l'interpolation, vous…

lire la suite

How to call an asynchronous service before bootstrap ?

Sometimes, we have to fetch datas before our application boostrap is started. It happens when we have to fetch a server configuration before calling an API. Angular offers a poorly documented system : the APP_INITIALIZER provider. APP_INITIALIZER is a multi provider, that is, a provider that accepts several values. But this provider is special…

lire la suite

Le module HttpModule

Le module HTTP est un module optionnel d'Angular qui vous permet de requêter vos API à l'aide du protocole HTTP. Pour l'utiliser cela implique deux choses : La dépendence @angular/http doit être déclaré comme dépendance NPM. Le module doit être déclaré dans les métadonnées du décorateur @NgModule. Angular a fait…

lire la suite

Comprendre RxJS

Reactive extensions for JavaScript (RxJS) est une librairie de flux reactifs qui vous permet de travailler avec des flux de données asynchrones. La programmation réactive est un paradime de programmation orienté flux de données et propagation des changements. RxJS peut être utilisé aussi bien dans un navigateur que côté serveur…

lire la suite

ng-container or ng-template, that is the question.

When we use a structural directive as *ngIf, we use a sugar such as : <div *ngIf="true">Hello World !</div> Before it will be rendered, it will be "de-sugared" : <ng-template [ngIf]="true"><div>Hello World</div></ng-template>​     But, if you just want to show "Hello World" without to wrap it with another element in the…

lire la suite

How ng-content and selector can help you ?

When you want to add dynamic content in a fixed view template, you should think Transclusion. This mecanism allow you to define a hook for dynamic content by using <ng-content> tag.  For exemple, CardComponent is a component that uses this mechanism :  View the code on Gist. We can see this component as…

lire la suite

Components inheritance

Since Angular 2.3, we can use Components inheritance. The feature improve code reusability and desgin of our applications. This feature covers all of the following : Metadata : You can herit of parent properties or override them. So, we can inherit from @NgModule, @Host, @Self @SkipSelf, @Inject, @Optionnal, @Attribute, @ContentChild, @ContetnChildren, @ViewChild ……

lire la suite

L’injection de dépendances Angular

Nous allons parler dans cet article d'un des piliers du framework Angular : L'injection de dépendance. L'injection de dépendance est une notion importante à bien comprendre et à bien implémenter. Déjà présent dans AngularJS, cette notion est toujours présente dans le nouveau framework de Google mais à bien changé. Nous…

lire la suite