anchor.diff:  
   :marked
     ## Setup to develop locally
  +
     ## 为本地开发搭建环境
   
     Real application development takes place in a local development environment like your machine.
   
  -  真实应用开发在你的机器一样的本地开发环境中进行。
  +  我们通常在本地开发环境中（例如你的机器）进行真实的应用程序开发。
   
     Follow the [setup](../guide/setup.html) instructions for creating a new project
     named <ngio-ex path="angular-tour-of-heroes"></ngio-ex>
     after which the file structure should look like this:
   
  -  根据[搭建本地开发环境](../guide/setup.html)中的说明创建一个名为<ngio-ex path="angular-tour-of-heroes"></ngio-ex>的新项目，
  +  根据[开发环境](../guide/setup.html)中的说明创建一个名为<ngio-ex path="angular-tour-of-heroes"></ngio-ex>的新项目，
     该项目的文件结构应该是这样的：
   
   .filetree
  
positive.code: 
    ### Adding more HTML
  
    ### 添加更多的HTML
  
    Displaying a name is good, but we want to see all of our hero’s properties.
    We’ll add a `<div>` for our hero’s `id` property and another `<div>` for our hero’s `name`.
  
negative.code:   * Our Tour of Heroes uses the double curly braces of interpolation (a kind of one-way data binding)
    to display the application title and properties of a `Hero` object.
  
      我们的《英雄指南》使用双大括号插值表达式(单向数据绑定的一种形式)来显示应用的标题和`Hero`对象的属性。
  
    * We wrote a multi-line template using ES2015’s template strings to make our template readable.
  
      我们使用 ES2015 的模板字符串写了一个多行模板，使我们的模板更具可读性。
  
    * We can both display and change the hero’s name after adding a two-way data binding to the `<input>` element
    using the built-in `ngModel` directive.
  
      为了同时显示和修改英雄的名字，我们还使用了内置的`ngModel`指令，往`<input>`元素上添加了双向数据绑定。
  
    * The `ngModel` directive also propagates changes to every other binding of the `hero.name`.
  
      `ngModel`指令将这些修改传播到每一个对`hero.name`的其它绑定。
  
    Run the <live-example></live-example> for this part.
  
  