anchor.diff:  :marked
     We'll add Angular’s *Component Router* to our app to satisfy these requirements.
     
  -  我们将把Angular *组件路由器* 加入应用中，以满足这些需求。（译注：硬件的路由器是用来让你找到另一台机器的，而这里的路由器用于帮你找到一个组件）
  +  我们将把Angular*组件路由器*加入应用中，以满足这些需求。（译注：硬件领域中的路由器是用来帮你找到另一台网络设备的，而这里的路由器用于帮你找到一个组件）
   .l-sub-section
     :marked
       The [Routing and Navigation](../guide/router.html) chapter covers the router in more detail
  
positive.code:   We can navigate *to* the `HeroDetailComponent` in several ways. 
    How do we navigate somewhere else when we're done?
    
    我们能用多种方式导航 *到* `HeroDetailComponent`。
    但当我们完工时，我们该导航到那里呢？
    
    The user could click one of the two links in the `AppComponent`. Or click the browser's back button.
    We'll add a third option, a `goBack` method that navigates backward one step in the browser's history stack 
    
    用户可以点击`AppComponent`中的两个链接，或者点击浏览器的“后退”按钮。
    我们来添加第三个选项：一个`goBack`方法，来根据浏览器的历史堆栈，往回退一步。
   
  +makeExample('toh-5/ts/app/hero-detail.component.ts', 'go-back', 'app/hero-detail.component.ts (goBack)')(format=".")
  .l-sub-section
  
negative.code:   We're going to display the hero detail on its own page and route to it as we did in the dashboard.
    
    这里我们不再展示完整的`HeroDetailComponent`了。
    我们要在它自己的页面中显示英雄详情，并像我们在仪表盘中所做的那样路由到它。
    
    But we'll throw in a small twist for variety. 
    When the user selects a hero from the list, we *won't* go to the detail page.
    We'll show a *mini-detail* on *this* page instead and make the user click a button to navigate to the *full detail *page.
    
    但是，我们要做一点小小的改动。
    当用户从这个列表中选择一个英雄时，我们*不会*再跳转到详情页。
    而是在本页中显示一个*Mini版英雄详情*，并等用户点击一个按钮时，才导航到*完整版英雄详情*页。
    ### Add the *mini-detail*
    ### 添加*Mini版英雄详情*
    Add the following HTML fragment at the bottom of the template where the `<my-hero-detail>` used to be:
    
    在模板底部原来放`<my-hero-detail>`的地方添加下列HTML片段：
  