anchor.diff:  .l-main-section
   :marked
     ## Add a hero and reset the form
  +  
     ## 添加一个英雄，并且重置表单
  +  
     We'd like to add a new hero in this form. 
     We place a "New Hero" button at the bottom of the form and bind its click event to a component method.
     
     我们希望在这个表单中添加一个新的英雄。
  -  我们在表单的底部放一个“新增英雄”按钮，并且把它的click事件绑定到一个组件方法上。
  +  我们在表单的底部放一个“新增英雄”按钮，并且把它的点击事件绑定到一个组件方法上。
   +makeExample('forms/ts/app/hero-form.component.html', 
     'new-hero-button', 
     'app/hero-form.component.html (新增英雄按钮)')
  
positive.code:   我们将按照一系列很小的步骤来构建此表单：
  
    1. Create the `Hero` model class
    1. 创建`Hero`模型类
    1. Create the component that controls the form
    1. 创建控制此表单的组件
    1. Create a template with the initial form layout
    1. 创建具有初始表单布局的模板
    1. Bind data properties to each form input control with the `ngModel` two-way data binding syntax
    1. 使用`ngModel`双向数据绑定语法把数据属性绑定到每个表单输入控件
    1. Add the **ngControl** directive to each form input control
    1. 往每个表单输入控件上添加**ngControl**指令
    1. Add custom CSS to provide visual feedback
    1. 添加自定义CSS来显示视觉反馈
    1. Show and hide validation error messages
    1. 显示和隐藏有效性验证的错误信息
    1. Handle form submission with **ngSubmit**
    1. 使用**ngSubmit**处理表单提交
    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).
    
    创建一个新的项目文件夹（`angular2-forms`），并且遵循[QuickStart](../quickstart.html)中的步骤进行初始化。
  
  include ../_quickstart_repo
  :marked
    ## Create the Hero Model Class
    ## 创建一个Hero模型类
  
    As users enter form data, we capture their changes and update an instance of a model.
    We can't layout the form until we know what the model looks like.
    
    当用户输入表单数据时，我们要捕获他们的更改，并更新到模型的一个实例中。
    除非我们知道模型里有什么，否则没法设计表单。
  
    A model can be as simple as a "property bag" that holds facts about a thing of application importance.
  
negative.code: .l-sub-section
    :marked
      ### The NgForm directive
      
      ### NgForm指令
      
      What `NgForm` directive? We didn't add an [NgForm](../api/common/NgForm-directive.html) directive!
      
      什么`NgForm`指令？我们没有添加过[NgForm](../api/common/NgForm-directive.html)指令啊！
  