anchor.diff:  
   Le serveur écoute sur le port 3000 et si vous attaquez l'url http://localhost:3000/user, vous devriez obtenir le *JSON* suivant en réponse :
   
  -++++
  -<iframe width="100%" height="150" src="//jsfiddle.net/Vtek/5vc4fvgx/embedded/js" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
  -++++
  +[source,javascript]
  +----
  +[
  +    {"firstName":"Sylvain","lastName":"PONTOREAU"},
  +    {"firstName":"Guillaume","lastName":"SPERA"},
  +    {"firstName":"Aroua","lastName":"TOUKABRI"},
  +    {"firstName":"Anthony","lastName":"GUILLAUME"}
  +]
  +----
   
   == Angular2 et les services
   
  
positive.code: ----
  et ajoutez y un fichier _user.component.ts_ et un _user.component.html_. Le fichier .html correspondra au template utilisé par le compostant. L'idée est de partir sur une liste d'utilisateur. Une simple boucle for fera la mise en forme. Voici le code du template :
  
  ++++
  <iframe width="100%" height="170" src="//jsfiddle.net/Vtek/Labjf7s5/embedded/html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
  ++++
  
  Pour le composant aura pour structure le code suivant :
  
  ++++
  <iframe width="100%" height="200" src="//jsfiddle.net/Vtek/hjkvya2z/embedded/js" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
  ++++
  
  Afin que le template puisse fonctionner il faut que le composant dispose d'un attribut public users de type User[] (Le template itère une collection). De plus le service devra être utiliser pour obtenir les données. Avant l'export de la classe il faut donc importer le type User et UserService :
  
  ++++
  <iframe width="100%" height="100" src="//jsfiddle.net/Vtek/ccoLLvu3/2/embedded/js" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
  ++++
  
  Ensuite ajoutez avant le constructeur l'attibut public correspondant au tableau d'utilisateur et celui privée pour utiliser le service utilisateur :
  
  ++++
  <iframe width="100%" height="100" src="//jsfiddle.net/Vtek/Lj13hLbp/2/embedded/js" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
  ++++
  
  Dans getUser
negative.code: ----
  et ajoutez y un fichier _user.ts_ et un _user.service.ts_. Le fichier user.ts contient le code suivant :
  
  [source,javascript]
  ----
  export class User{
      firstName: string;
      lastName: string;
  }
  ----
  
  Cette classe définit un object de données correspondant au JSON qui est renvoyé par l'API. Le fichier _user.service.ts_ aura pour structure :
  
  
  [source,javascript]
  ----
  export class UserService {
  
      constructor(){
  
      }
  
      public getUsers() {
          
      }
  }
  ----
  
  La méthode _getUser()_ permettera d'obtenir les données. Pour consommer l'API Rest il existe le module *Http*. Celui ci vous permez d'attaquer les services web via les principaux verbes Http (Get, Post, Put, Delete...). Pour l'utiliser il faut au préalable en connaitre la définition du module. De plus il faut que votre service puisse utiliser la classe User. Dans votre code source, avant l'export de la classe _UserService_ il faut donc ajouter les imports :
  
  [source,javascript]
  ----
  import {Http} from 'angular2/http';
  import {User} from './user';
  ----
  
  Pour manipuler l'objet Http, ajoutez un attribut de classe au dessus du constructeur :
  
  [source,javascript]
  ----
  private _http: Http;
  ----
  
  Dans getUsers() il est maintenant possible d'utiliser la référence pour faire notre appel à l'API :
  
  [source,javascript]
  ----
  return this._http
             .get('http://localhost:3000/user')
             .map((res) => { return <User[]>res.json(); });
  ----
  
  La méthode get est utilisé pour faire un appel Http Get sur l'url http://localhost:3000/user. C'est un code fluent (https://fr.wikipedia.org/wiki/D%C3%A9signation_cha%C3%AEn%C3%A9e[Désignation chaînée]), il faut donc chainer sur la méthode map() qui va s'occuper de transcrire le JSON en objet de type User. Pour le faire on utilise une fonction fléchée (https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Fonctions/Fonctions_fl%C3%A9ch%C3%A9es[Arrow function]) qui renvoie le résultat de la convertion.
  
  