anchor.diff:    - We shared the `HeroService` among multiple components
     - We moved HTML and CSS out of the component file and into their own files.
     - We added the `uppercase` pipe to format data
  +  
  +  在本章中，我们往前走了很远：
  +  - 我们添加了Angular *组件路由器* 在各个不同的组件之间导航。
  +  - 我们学会了如何创建路由链接来表示导航栏的菜单项。
  +  - 我们使用路由参数来导航到用户所选的英雄详情。
  +  - 我们在多个组件之间共享了`HeroService`服务。
  +  - 我们把HTML和CSS从组件中移出来，放到它们自己的文件中去。
  +  - 我们添加了一个`uppercase`管道，来格式化数据。
   
     ### The Road Ahead
  +  ### 前方的路
     We have much of the foundation we need to build an application.
     We're still missing a key piece: remote data access. 
     
  +  我们有了很多用于构建应用的基石。
  +  但我们仍然缺少很关键的一部分：远程数据存取。
  +  
     In a forthcoming tutorial chapter, 
     we’ll replace our mock data with data retrieved from a server using http.
  +  
  +  在即将到来的章节中，我们将从硬编码模拟数据改为使用http服务从服务器获取数据。
  
positive.code: .l-main-section
  :marked
    ## Recap
  
    ### The Road Behind
    We travelled a great distance in this chapter.
    - We added the Angular *Component Router* to navigate among different components.
    - We learned how to create router links to represent navigation menu items
  
negative.code:   app/dashboard.component.css`)
  :marked
    ### Style the Navigation Links
    ### 美化导航链接
    The designers gave us CSS to make the navigation links in our `AppComponent` look more like selectable buttons.
    We cooperated by surrounding those links in `<nav>` tags.
    
    设计师还给了我们一些CSS，用于让`AppComponent`中的导航链接看起来更像可被选择的按钮。
    要想让它们协同工作，我们只需要把那些链接包含在`<nav>`标签中。
    
    Add a `app.component.css` file to the `app` folder with the following content.
    
    在`app`目录下添加一个`app.component.css`文件，内容如下：
  +makeExample('toh-5/ts/app/app.component.css', 'css', 'app/app.component.css (导航样式)')
  .l-sub-section
    :marked
      **The *router-link-active* class**
      
      ** *router-link-active* 类**
      
      The Angular Router adds the `router-link-active` class to the HTML navigation element 
      whose route matches the active route. All we have to do is define the style for it. Sweet!
      
      Angular路由器会为与当前激活路由匹配的路由所在的导航元素加上`router-link-active`类。
      我们唯一要做的就是为它(`.router-link-active`类)定义样式。真好！
  :marked
    Set the `AppComponent`’s `styleUrls` property to this CSS file. 
    
    设置`AppComponent`的`styleUrls`属性，指向这个CSS文件。
  +makeExample('toh-5/ts/app/app.component.ts','style-urls', 'app/app.component.ts (styleUrls)')(format=".")
  :marked
    ### Global application styles
    ### 应用的全局样式
    When we add styles to a component, we're keeping everything a component needs 
    &mdash; HTML, the CSS, the code &mdash; together in one convenient place.
    It's pretty easy to package it all up and re-use the component somewhere else.
    
    当我们把样式添加到组件中时，我们假定组件所需的一切 —— HTML、CSS、程序代码 —— 都在紧邻的地方。
    这样，把它们打包在一起并在别的组件中复用它都会很容易。
    
    We can also create styles at the *application level* outside of any component.
    
    我们也可以在应用中所有组件之外的地方创建样式。
  
    Our designers provided some basic styles to apply to elements across the entire app. 
    Add the following to a new file named `styles.css` in the root folder.
    
    我们的设计师提供了一组基础样式，这些样式适用的元素横跨整个应用。
    把下面这个名叫`styles.css`的新文件添加到根目录中：
  +makeExample('toh-5/ts/styles.1.css', '', 'styles.css (应用级样式)')(format=".")
  
  :marked
    Reference this stylesheet within the `index.html` in the traditional manner.
    
    用传统的方式，在`index.html`中引用这个样式表。
  +makeExample('toh-5/ts/index.html','css', 'index.html (link ref)')(format=".")
  :marked
   Look at the app now. Our dashboard, heroes, and navigation links are styling!
   
   看看现在的应用！我们的仪表盘、英雄列表和导航链接都漂亮多了！
   
  figure.image-display
    img(src='/resources/images/devguide/toh/dashboard-top-heroes.png' alt="查看导航栏")
  
  .l-main-section
  :marked
    ## Application structure and code
    ## 应用结构和代码
    
    Review the sample source code [in the live example for this chapter](/resources/live-examples/toh-5/ts/plnkr.html).
    Verify that we have the following structure:
    
    在[本章的鲜活范例](/resources/live-examples/toh-5/ts/plnkr.html)中回顾范例代码。请验证一下我们已经有了下列结构：
  
  .filetree
    .file angular2-tour-of-heroes
  