anchor.diff:      Next you'll connect the master to the detail through a `selectedHero` component property,
       which is bound to a click event.
   
  -    ### Add a click event
  +    ### Handle click events
       Add a click event binding to the `<li>` like this:
   
   
  
positive.code:     The app no longer fails and the list of names displays again in the browser.
  
    :marked
      When there is no `selectedHero`, the `ngIf` directive removes the hero detail HTML from the DOM.
      There are no hero detail elements or bindings to worry about.
  
      When the user picks a hero, `selectedHero` becomes defined and
  
negative.code: 
    ### List heroes with ngFor
  
    The goal is to bind the array of heroes in the component to the template, iterate over them,
    and display them individually.
  
    Modify the `<li>` tag by adding the built-in directive `*ngFor`.
  