anchor.diff:    makes binding our form to the model super-easy.
     
     虽然可以在表单中再次使用这些技术。
  -  但这次我们将引入一些新东西 —— `[(ngModel)]`语法，它使用一种超简单的方式把我们的表单绑定到模型。
  +  但是，这里我们将引入一个新东西 —— `[(ngModel)]`语法，它使用一种超简单的方式把我们的表单绑定到模型。
   
     Find the `<input>` tag for the "Name" and update it like this
     
  -  找到“姓名”对应的`<input>`标签，并且像这样修改它：
  +  找到“Name”对应的`<input>`标签，并且像这样修改它：
   
   +makeExample('forms/ts/app/hero-form.component.html', 'ngModel-1','app/hero-form.component.html (节选)')(format=".")
   
  
positive.code:   
    1. Disable the form’s submit button until the form is valid
    
    1. 禁用此表单的提交按钮，直到表单变为有效的
  
  :marked
    ## Setup
    
    ## 起步
    
    Create a new project folder (`angular2-forms`) and follow the steps in the [QuickStart](../quickstart.html).
    
  
negative.code:     We left ourselves a note to throw it away when we're done.
      
      我们在input标签后添加一个诊断用的插值表达式，以看清正在发生什么事。
      我们给自己留下了一个备注，提醒我们完成后移除它。
  
  :marked
    Focus on the binding syntax: `[(ngModel)]="..."`.
    
    聚焦到绑定语法`[(ngModel)]="..."`上。
  
    If we ran the app right now and started typing in the *Name* input box,
    adding and deleting characters, we'd see them appearing and disappearing
    from the interpolated text.
    At some point it might look like this.
    
    如果我们现在运行这个应用，并且开始在*姓名*输入框中键入，添加和删除字符，我们将看到它们从插值结果中显示和消失。
    某一瞬间，它看起来可能是这样：
    
  figure.image-display
    img(src="/resources/images/devguide/forms/ng-model-in-action.png" width="400px" alt="操作中的ngModel")
  