anchor.diff:    Now let's fix-up the `HeroesComponent` to support the *add* and *delete* actions used in the template.
     Let's start with *add*.
   
  +  现在，让我们修复`HeroesComponent`，让它支持模板中的*添加*和*删除*动作。以*添加*动作开始。
  +
   block heroes-comp-directives
     :marked
       We're using the `HeroDetailComponent` to capture the new hero information.
       We have to tell Angular about that by importing the `HeroDetailComponent` and referencing it in the component metadata `directives` array.
       
  -    我们正在用`HeroDetailComponent`捕获新英雄的信息。
  -    为了告诉Angular这一点，我们还得导入`HeroDetailComponent`并把它加入组件元数据的`directives`数组中。
  +    使用`HeroDetailComponent`来捕获新英雄的信息。
  +    为了告诉Angular这一点：导入`HeroDetailComponent`并把它加入组件元数据的`directives`数组中。
       
     +makeExcerpt('app/heroes.component.ts (HeroDetailComponent)', 'hero-detail-component')
     
  
positive.code:       The `emit` "handshake" between `HeroDetailComponent` and `HeroesComponent` is an example of component to component communication. This is a topic for another day, but we have detailed information in our <a href="/docs/ts/latest/cookbook/component-communication.html#!#child-to-parent">Component Interaction Cookbook</a>
    
        `emit`在`HeroDetailComponent`和`HeroesComponent`之间的这种握手是组件间通讯的例子之一。
        这不是今天的话题，我们在<a href="/docs/ts/latest/cookbook/component-communication.html#!#child-to-parent">组件间交互</a>一章中讲了一些详细信息。
  
  :marked
    Here is `HeroDetailComponent` with its new save button and the corresponding HTML.
  
negative.code: 
  :marked
    Add a save method to `HeroDetailComponent` and call the corresponding save method in `HeroesService`.
  
    在`HeroDetailComponent`中添加一个`save`方法，用来从`HeroService`调用对应的`save`方法
  
  +makeExcerpt('app/hero-detail.component.ts', 'save')
  
  