anchor.diff:  }
   ----
   
  -TIP: Vous avez surement fait attention à la ligne en commentaire tout en haut du code source. C'est la référence au fichier de définitions qui permet à votre IDE de faire l'auto-complétion en TypeScript. Ici la CLI tsd à centraliser l'ensemble des références dans un fichier tsd.d.ts. Il vous suffit ensuite d'ajouter cette référence dans n'importe quel fichier TypeScript pour accéder à l'ensemble de la complétion. C'est plutôt pratique, mais attention à ne pas mélanger l'utilisation des bibliothèques clients et serveurs dans votre code quand vous faite du node.js !
  +TIP: Vous avez surement fait attention à la ligne en commentaire tout en haut du code source. C'est la référence au fichier de définitions qui permettent à votre *IDE* de faire l'auto-complétion en TypeScript. Ici la CLI tsd à centraliser l'ensemble des références dans un fichier _tsd.d.ts_. Il vous suffit ensuite d'ajouter cette référence dans n'importe quel fichier TypeScript pour accéder à l'ensemble de la complétion. C'est plutôt pratique, mais attention à ne pas mélanger l'utilisation des bibliothèques clients et serveurs dans votre code quand vous faites du node.js !
   
   == Les composants
  -Angular2 a enterré plusieurs concepts important du framework. Les deux principaux pour moi sont le Scope et le Controller. Il est possible de trouver une explication logique a cette suppression. Quant on développait un controlleur Angular avec la première version il y avait une ambiguité entre les pattern https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller[MVC] et https://en.wikipedia.org/wiki/Model_View_ViewModel[MVVM]. D'un côté le controlleur traitait des actions mais d'un autre on utilisait le Scope pour faire le binding two way. Malheureusement le mélange de ces deux concepts créer pas mal de confusion et même si il est possible de les faire cohabiter, le mieux reste encore de les séparer clairement. Dans Angular2 plus d'ambiguité, nous avons à disposition les Components et on peut dire qu'il fonctionne comme des ViewModels. Certains ne seront peut-être pas d'accord avec mon analyse, mais on va dire que ce point de vue n'engage que moi ;)
  -
  -Afin de rester bien organiser, ajoutez un répertoire components toujours dans :
  +Angular2 a enterré plusieurs concepts important du framework. Les deux principaux pour moi sont le *Scope* et le *Controller*. Il est possible de trouver une explication logique à cette suppression. Quant on développait un contrôleur Angular avec la première version il y avait une ambiguïté entre les pattern https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller[MVC] et https://en.wikipedia.org/wiki/Model_View_ViewModel[MVVM]. D'un côté le contrôleur traitait des actions mais d'un autre on utilisait le Scope pour faire le *binding two way*. Malheureusement le mélange de ces deux concepts créer pas mal de confusion et même s'il est possible de les faire cohabiter, le mieux reste encore de les séparer clairement. Dans Angular2 plus d'ambiguïté, nous avons à disposition les *Components* et on peut dire qu'il fonctionne comme des ViewModels. Certains ne seront peut-être pas d'accord avec mon analyse, mais on va dire que ce point de vue n'engage que moi ;)
  +
  +Afin de rester bien organiser, ajoutez un répertoire _components_ toujours dans :
   ----
   public/javascripts/app
   ----
  
positive.code: import {Component, View, NgFor} from 'angular2/angular2';
  ----
  
  Vous avez du remarquer qu'un import est fait aussi pour NgFor. En effet, une boucle est utilisée dans le template et il est néssecaire d'inclure la référence de la directive pour que cela fonctionne. Il faut ensuite préciser dans l'annotation le template et l'ensemble des directives utilisées par celui-ci :
  
  [source,javascript]
  ----
  
negative.code: }
  ----
  
  Et pour injecter une instance d'_Http_, il faut le faire via le constructeur de la classe en décorant le paramètre d'entrée :
  
  [source,javascript]
  ----
  