anchor.diff:    * passing optional information in [query parameters](#query-parameters)
     * choosing the "HTML5" or "hash" [URL style](#browser-url-styles)
   
  -  We proceed in phases marked by milestones building rom a simple two-pager with placeholder views
  +  We proceed in phases marked by milestones building from a simple two-pager with placeholder views
     up to a modular, multi-view design with child routes.
     
     Try that [live final version](/resources/live-examples/router/ts/plnkr.html).
  
positive.code: figure.image-display
    img(src='/resources/images/devguide/router/hero-list.png' alt="Hero List" width="250")
  :marked
    We select one and the applications takes us to a hero editing screen.
  figure.image-display
    img(src='/resources/images/devguide/router/hero-detail.png' alt="Crisis Center Detail" width="250")
  :marked
    Our changes take affect immediately. We click the "Back" button and the
    app returns us to the Heroes list.
  
    We could have clicked the browser's back button instead.
  
negative.code:   We also copy the `hero-detail.component.ts` and the `hero.service.ts` files
    into the `heroes/` folder.
  
    When we're done organizing, we have three *Hero Management* files:
  
  .filetree
    .file app/heroes
  