anchor.diff:  :marked
     ## Summary
   
  +  ## Résumé
  +
     We've mastered the basic primitives for responding to user input and gestures.
     As powerful as these primitives are, they are a bit clumsy for handling
     large amounts of user input. We're operating down at the low level of events when
     we should be writing two-way bindings between data entry fields and model properties.
   
  +  Nous maîtrisons les primitives de base pour répondre aux évènements de saisie et de mouvement de l'utilisateur.
  +  Aussi puissantes qu'elles peuvent l'être, elles sont un peu limitées pour gérer un grand nombre de saisies utilisateur.
  +  Nous manipulons à un bas niveau les évènements, alors que nous devrions écrire des liaisons bi-directionelle entre les champs de données 
  +  et les propriétés du modèle.
  +
     Angular has a two-way binding called `NgModel`, which we'll learn about
     in the `Forms` chapter.
  +
  +  Angular a un système de liaisons bi-directionelles appelé `NgModel`, que nous allons apprendre dans le chapitre sur les `Formulaires`.
  
positive.code:   grab the input element's `value` and display it
    with interpolation between `<p>` tags.
  
    The template is completely self contained. It doesn't bind to the component,
    and the component does nothing.
  
    Type in the input box, and watch the display update with each keystroke. *Voila!*
  
  figure.image-display
      img(src='/resources/images/devguide/user-input/keyup-loop-back-anim.gif' alt="loop back")
  
negative.code:   In this chapter we learn to bind to those events using the Angular
    event binding syntax.
  
    Quand l'utilisateur clique sur un lien, un bouton ou saisit du texte, nous voulons le savoir.
    Ces actions de l'utilisateur émettent toutes des évènements DOM.
    Dans ce chapitre nous allons apprendre comment se lier à ces évènements en utilisant la syntaxe 
    de liaison (binding) d'Angular.
  
    [Run the live example](/resources/live-examples/user-input/ts/plnkr.html)
  
    [Exécuter l'exemple](/resources/live-examples/user-input/ts/plnkr.html)
  
  :marked
    ## Binding to user input events
  
    ## Liaison sur des évènements de saisie utilisateur
  
    We can use [Angular event bindings](./template-syntax.html#event-binding)
    to respond to [any DOM event](https://developer.mozilla.org/en-US/docs/Web/Events).
  
    Nous utilisons [une liaison d'évènement Angular](./template-syntax.html#event-binding)
    pour répondre à [chaque évènement DOM](https://developer.mozilla.org/fr/docs/Web/Events).
  
    The syntax is simple. We surround the DOM event name in parentheses and assign a quoted template statement to it.
    As an example, here's an event binding that implements a click handler:
  
    La syntaxe est simple. Nous entourons le nom de l'évènement DOM avec des parenthèses et lui assignons une expression de template entre guillemets.
    Par exemple, voici une liaison d'évènements qui implémente un gestionnaire de clic : 
  +makeExample('user-input/ts/app/click-me.component.ts', 'click-me-button')(format=".", language="html")
  
  <a id="click"></a>
  