title: TypeScript multi-line code not recognized
body: <p>Please help me with this error when coding with Typescript in Sublime and VS Code. It can only be recognized and correctly display in browser if all <code>template:</code> code is in one single line. </p>
  
  <pre><code>template:'&lt;h1&gt;{{title}}&lt;/h1&gt;&lt;h2&gt;{{hero.name}} details!&lt;/h2&gt;&lt;div&gt;&lt;label&gt;id: &lt;/label&gt;{{hero.id}}&lt;/div&gt;&lt;div&gt;&lt;label&gt;name: &lt;/label&gt;{{hero.name}}&lt;/div&gt;',
  </code></pre>
  
  <p>When I try to break it down to serveral lines, the browser cannot display the result as expected.</p>
  
  <p>Below is the full code of what I'm doing:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  export class Hero {
      id: number;
      name: string;
  }
  
  @Component({
      selector: 'my-app',
      template:'&lt;h1&gt;{{title}}&lt;/h1&gt;&lt;h2&gt;{{hero.name}} details!&lt;/h2&gt;&lt;div&gt;&lt;label&gt;id: &lt;/label&gt;{{hero.id}}&lt;/div&gt;&lt;div&gt;&lt;label&gt;name: &lt;/label&gt;{{hero.name}}&lt;/div&gt;',
  })
  
  export class AppComponent {
      title = 'Tour of Heroes';
      hero = Hero {
          id: 1;
          name: 'Windstorm';
      }   
  }
  </code></pre>
  
  <p>This tutorial is from angular.io</p>