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

Les interactions entre components

Dans une application Angular, les components passent leur temps à s'échanger des données à l'aide de différents mécanismes d'interraction. Cet article est là pour faire le point sur les différents mécanismes : permettant de transmettre une donnée d'un component parent vers un component enfant. permettant de transmettre une donnée d'un component…

lire la suite

Le casse tête des versions Angular

Suite à la ng-be 2016, une annonce étonnante a été faîte par Igor Minar. Suite à la sortie de framework Angular 2.0.0 le 14 septembre 2016, trois versions intermédiaires ont été publiées : Angular 2.1, qui a introduit le Route Preloading Angular 2.2, qui a propulsé l'AOT lors de l'utilisation…

lire la suite

Le routage avec Angular

L'un des rôles d'une application Web est de pouvoir servir des pages HTML au travers de liens HyperText. La balise responsable de ce routage est <a href="…">. Lorsque l'on clique sur un lien HyperText, le navigateur intercepte cette action et va charger la nouvelle page. Il en résulte la perte…

lire la suite

Le cycle de vie d’un Component

Nous allons maintenant étudier le cycle de vie d'un Component Angular. Pour ceux qui ne connaissent pas le terme de cycle de vie, il s'agit simplement de la définition de toutes les étapes de la naissance du Component à sa mort. Sur le schéma de gauche, vous pouvez voir toutes…

lire la suite

Les modules Angular

L'équipe Angular a travaillé dur pour nous offrir un framework à l'architecture robuste et évolutive. Et comme ils sont également bons en dessin, ils nous ont offert ce magnifique dessin en guise de spécification :   On retrouve ainsi les différents concepts que sont le data binding, les components, les directives, les…

lire la suite

Versionning et release Angular 2

La team Angular a publié en début de mois une note pour clarifier la politique de Versionning du projet Angular. A partir de la version 2.0.0, voici le processus de développement appliqué :  Le semantic versioning est utilisé pour signalé le contenu des releases Angular. Les cycles de release sont définis à l'avance pour…

lire la suite

Le Data Binding Angular

Le Data Binding est un élément essentiel dans les frameworks de Single Page Application. Il permet de synchroniser la vue au modèle JavaScript sous-jacent. Voici un schéma général du fonctionnement du Data Binding :      Angular a défini quatre sortes de Data Binding pour synchroniser le template et le Component….

lire la suite