anchor.diff:        A component annotation provides meta-data about the <code>component</code>.
         An annotation can always identified by its at-sign — <code>@</code>.
       p.
  -      The <code>@Component</code> annotation defines the HTML tag for the component.
  +      The <code>@Component</code> annotation defines the HTML tag for the component. The <code>@Component</code>
  +      annotation is imported in the first line of <code>app.es6</code>.
         The selector property specifies the tag. The <code>selector</code> property is a CSS selector.
   
       p.
  -      The <code>@Template</code> annotation defines the template to apply to the
  +      The <code>@Template</code> annotation defines the template to apply to the The <code>@Template</code>
  +      annotation is imported in the first line of <code>app.es6</code>.
         component. This component uses an inline template, but external templates are
         available as well. To use an external template specify a <code>url</code> property
         and give it the path to the html file.
  
positive.code:     pre.prettyprint.linenums
        code.
          @Component({
            selector: 'app'
          })
          @Template({
            inline: `
              &lt;h1&gt;Hello {{ name }}&lt;/h1&gt;
            `
          })
  
      p.
        The component created above has a HTML tag of <code>&lt;app&gt;&lt;/app&gt;</code>
        and a template of <code>&lt;h1&gt;Hello {{ name }}&lt;/h1&gt;</code>.
  
    .l-sub-section
      h3 Component Controller
  
negative.code: 
    pre.prettyprint.linenums
      code.
        &lt;!-- index.html --&gt;
        &lt;html&gt;
          &lt;head&gt;
            &lt;title&gt;Angular 2 Quickstart&lt;/title&gt;
  