anchor.diff:    When we select a hero we can see the selected hero’s details. 
     
     当在浏览器中查看应用时，我们看到了英雄列表。
  -  当选中一个英雄时，我们还能看到所选英雄的详情。
  +  当选中一个英雄时，还能看到所选英雄的详情。
     
     What's fundamentally new is that we can use this `HeroDetailComponent`
     to show hero details anywhere in the app.
   
  -  我们所关注的进步是：我们可以在应用中的任何地方使用这个`HeroDetailComponent`组件来显示英雄详情了。
  +  值得关注的进步是：我们可以在应用中的任何地方使用这个`HeroDetailComponent`组件来显示英雄详情了。
   
     We’ve created our first reusable component!
     
  
positive.code: :marked
    Here are the code files we discussed in this chapter.
    
    这就是我们在本章讨论过的这些源码文件：
  
  +makeTabs(`
    toh-3/ts/app/hero-detail.component.ts,
  
negative.code:   ### *directives* 数组
    A browser ignores HTML tags and attributes that it doesn't recognize. So does Angular.
    
    浏览器会忽略它不认识的HTML标签和属性。Angular也是如此。
    
    We've imported `HeroDetailComponent`, we've used it in the template, but we haven't told Angular about it.
    
    我们引入了`HeroDetailComponent`，并在模板中使用它，但还没有告诉Angular。
    
    We tell Angular about it by listing it in the metadata `directives` array. Let's add that array property to the bottom of the
    `@Component` configuration object, immediately after the `template` and `styles` properties.
    
    我们要把它列在元数据的`directives`数组中，这样Angular才会知道它。
    让我们把这个数组属性加在`@Component`配置对象的底部，紧跟在`template`和`styles`属性之后。
    
  +makeExample('toh-3/ts/app/app.component.ts', 'directives')
  
  