anchor.diff:  :marked
     ### Displaying heroes in a template
   
  -  ### 在一个模板中显示英雄
  +  ### 在模板中显示英雄
   
     Our component has `heroes`. Let’s create an unordered list in our template to display them.
     We’ll insert the following chunk of HTML below the title and above the hero details.
   
     我们的组件有了`heroes`属性，我们再到模板中创建一个无序列表来显示它们。
  -  我们将在标题和英雄详情之间，插入下面这段HTML代码。
  +  我们将在标题和英雄详情之间，插入下面这段 HTML 代码。
   
   +makeExample('toh-2/ts-snippets/app.component.snippets.pt2.ts', 'heroes-template-1', 'app.component.ts (heroes template)')
   
  
positive.code:     We’ve decided that none of the heroes should be selected before the user picks a hero so
      we won’t initialize the `selectedHero` as we were doing with `hero`.
  
      我们已决定：在用户选取之前，不会默认选择任何英雄，所以，我们不用像`hero`一样去初始化`selectedHero`变量。
  
      Now **add an `onSelect` method** that sets the `selectedHero` property to the `hero` the user clicked.
  
  
negative.code: 
    ### Listing heroes with ngFor
  
    ### 通过 ngFor 来显示英雄列表
  
    We want to bind the array of `heroes` in our component to our template, iterate over them,
    and display them individually.
    We’ll need some help from Angular to do this. Let’s do this step by step.
  
    我们想要把组件中的`heroes`数组绑定到模板中，迭代并逐个显示它们。
    这下，我们就得借助 Angular 了。我们来一步步实现它！
  
    First modify the `<li>` tag by adding the built-in directive `*ngFor`.
  
    首先，修改`<li>`标签，往上添加内置指令`*ngFor`。
  
  +makeExample('toh-2/ts-snippets/app.component.snippets.pt2.ts', 'heroes-ngfor-1', 'app.component.ts (ngFor)')
  
  