anchor.diff:    ## 我们已经走过的路
     Let’s take stock of what we’ve built.
     
  -  我们来清点一下已经构建完成的。
  +  我们来盘点一下已经构建完成的部分。
   
     * Our Tour of Heroes uses the double curly braces of interpolation (a form of one-way data binding)
     to display the application title and properties of a `Hero` object.
  
positive.code:   创建一个`Hero`类，它具有`id`和`name`属性。
    现在，把下列代码放在`app.component.ts`的顶部，仅次于import语句。
    
  +makeExample('toh-1/ts/app/app.component.ts', 'hero-class-1', 'app.component.ts (Hero class)')(format=".")
  
  :marked
    Now that we have a `Hero` class, let’s refactor our component’s `hero` property to be of type `Hero`.
    Then initialize it with an id of `1` and the name, "Windstorm".
    
    现在，有了一个`Hero`类，我们就要把组件`hero`属性的类型换成`Hero`了。
    然后把`1`作为id、把“Windstorm”作为名字，初始化它。
  
  +makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'hero-property-1', 'app.component.ts (Hero属性)')(format=".")
  
  :marked
    Because we changed the hero from a string to an object,
    we update the binding in the template to refer to the hero’s `name` property.
  
    我们把hero从一个字符串换成了对象，于是我们也得更新模板中的绑定表达式，来引用hero的`name`属性。
    
  +makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'show-hero-2')
  :marked
    The browser refreshes and continues to display our hero’s name.
    
    浏览器自动刷新，并且继续显示这位英雄的名字。
  
    ### 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`.
  
    能显示名字就算不错了，但是我们还想看到我们这位英雄的所有属性。
    我们将添加一个`<div>`来显示英雄的`id`属性，另一个`<div>`来显示英雄的`name`属性。
    
  +makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'show-hero-properties')
  :marked
  
negative.code:   let’s take advantage of the template strings feature
    in ES2015 and TypeScript to maintain our sanity.
  
    我们可以通过字符串加法来制作更可读的模板，但这样仍然太难看了 —— 难于阅读，容易拼错。
    这样不行！我们要借助ES2015和TypeScript提供的模板字符串来保持清爽。
  
    Change the quotes around the template to back-ticks and
    put the `<h1>`, `<h2>` and `<div>` elements on their own lines.
  
    把模板的双引号改成反引号，并且让`<h1>`，`<h2>`和`<div>`标签各占一行。
    
  +makeExample('toh-1/ts-snippets/app.component.snippets.pt1.ts', 'multi-line-strings', 'app.component.ts (AppComponent的 模板)')
  
  