anchor.diff:    
     In fact, it really is *just a class*. It's not a component until we *tell Angular about it*.
     
  -  实际上，它真的*只是一个类*。直到我们*告诉Angular*这一点，它才会成为组件。
  +  实际上，它真的*只是一个类*。直到我们*告诉Angular*这是一个组件为止。
     
     We tell Angular that `HeroListComponent` is a component by attaching **metadata** to the class.
     
  
positive.code:   
    * `selector` - 一个css选择器，它告诉Angular在*父*HTML中寻找一个`<hero-list>`标签，然后创建组件，并插入此标签中。
    比如，如果应用“壳”（组件）的模板包含如下代码：
  <div style="margin-left:30px">
  code-example(language="html").
    &lt;hero-list>&lt;/hero-list>
  
negative.code:   We define a Component's view with its companion **template**. A template is a form of HTML
    that tells Angular how to render the Component.
    
    我们通过组件的自带的**模板**来定义视图。模板以HTML形式存在，用来告诉Angular如何渲染组件（试图）。
  
    A template looks like regular HTML much of the time ... and then it gets a bit strange. Here is a
    template for our `HeroList` component.
    
    多数情况下，模板看起来很像标准HTML……当然也有一小点儿奇怪的地方。下面是`HeroList`组件的一个模板。
    
  +makeExample('architecture/ts/app/hero-list.component.html',null,'app/hero-list.component.html')
  :marked
    We recognize `<h2>` and  `<div>`. 
  