anchor.diff:    We'll be covering a lot of ground at an introductory level but we’ll find plenty of links
     to chapters with greater depth.
     
  -  我们将学习足够的Angular核心技术，来作为起步，并建立信心 —— 证明Angular确实能做到我们想让它做的。
  -  虽然我们将覆盖大部分“简介级”知识，但还是会放上大量链接，指向更深入的章节。
  +  完成本教程后，我们将学习足够的Angular核心技术，并确信Angular确实能做到我们需要它做的。
  +  我们将覆盖大量入门级知识，同时我们也会看到大量链接，指向更深入的章节。
   
     Run the <live-example name="toh-6"></live-example>.
     
  
positive.code:   Here's a visual idea of where we're going in this tour, beginning with the "Dashboard"
    view and our most heroic heroes:
    
    在本教程中，还引入了一些可视化思想：放一个“仪表盘(Dashboard)”视图，来展示我们最勇敢的英雄。
  
  figure.image-display
    img(src='/resources/images/devguide/toh/heroes-dashboard-1.png' alt="英雄仪表盘的输出")
  
  :marked
    Above the dashboard are two links ("Dashboard" and "Heroes").
    We could click them to navigate between this Dashboard and a Heroes view.
  
    这个仪表盘中有两个链接：“仪表盘”和“英雄”。
    我们将点击它们在“仪表盘”和“英雄”视图之间导航。
  
    Instead we click the dashboard hero named "Magneta" and the router takes us to a "Hero Details" view
    of that hero where we can change the hero's name.
  
    当我们点击仪表盘上名叫“Magneta”的英雄时，路由将把我们带到这个英雄的详情页，在这里，我们可以修改英雄的名字。
    
  figure.image-display
    img(src='/resources/images/devguide/toh/hero-details-1.png' alt="英雄详情的输出")
  
negative.code: :marked
    We click a different hero and the readonly mini-detail beneath the list reflects our new choice.
    
    当我们点击另一位英雄时，一个只读的“微型详情视图”会显示在列表下方，以体现我们的选择。
  
    We click the "View Details" button to drill into the
    editable details of our selected hero.
    
    我们可以点击“View Details（查看详情）”按钮进入所选英雄的编辑视图。
  
    The following diagram captures all of our navigation options.
    
  