anchor.diff:    &lt;title&gt;{{This_Does_Not_Work}}&lt;/title&gt;
   :marked
     Sorry but that won't work.
  -  The root component of our application is an element contained within the `<body>` tag.
  +  The root component of the application is an element contained within the `<body>` tag.
     The HTML `<title>` is in the document `<head>`, outside the body, making it inaccessible to Angular data binding.
   
  -  We could grab the browser `document` object and set the title manually.
  -  That's dirty and undermines our chances of running the app outside of a browser someday.
  +  You could grab the browser `document` object and set the title manually.
  +  That's dirty and undermines your chances of running the app outside of a browser someday.
   .l-sub-section
     :marked
       Running your app outside a browser means that you can take advantage of server-side
  
positive.code:   The [Title](../api/platform-browser/index/Title-class.html) service is a simple class that provides an API
    for getting and setting the current HTML document title:
  
    * `getTitle() : string` &mdash; Gets the title of the current HTML document.
    * `setTitle( newTitle : string )` &mdash; Sets the title of the current HTML document. 
    
    Let's inject the `Title` service into the root `AppComponent` and expose a bindable `setTitle` method that calls it:
  
  +makeExample( "cb-set-document-title/ts/src/app/app.component.ts", "class", "src/app/app.component.ts (class)" )(format='.')
  :marked
    We bind that method to three anchor tags and, voilà!
  figure.image-display
     img(src="/resources/images/cookbooks/set-document-title/set-title-anim.gif" alt="Set title")
  
  :marked
    Here's the complete solution
  
  +makeTabs(
    `cb-set-document-title/ts/src/main.ts,
  
negative.code: 
  .l-main-section
  :marked
    ## Why provide the *Title* service in *bootstrap*
  
    Generally you want to provide application-wide services in the root application component, `AppComponent`.
  
    This cookbook recommends registering the title service during bootstrapping,
    a location you reserve for configuring the runtime Angular environment.
  
    That's exactly what you're doing.
    The `Title` service is part of the Angular *browser platform*.
    If you bootstrap your application into a different platform,
    you'll have to provide a different `Title` service that understands 
    the concept of a "document title" for that specific platform.
    Ideally, the application itself neither knows nor cares about the runtime environment.
  :marked
    [Back to top](#top)
  