title: Using html file as template for component in angular 2
body: <p>I have following app structure</p>
  
  <pre><code>app
     home
         home.html
         home.ts
         home.sass
     app.component.ts
  index.html
  </code></pre>
  
  <p>Essentially I want to divide my pages into separate folders that have style, .ts and .html files related to them</p>
  
  <p>however at the moment loading a template like this</p>
  
  <pre><code>import {Component} from 'angular2/core';
  
  @Component({
      selector: 'admin-app',
      template: 'home/home.html'
  })
  export class AppComponent { }
  </code></pre>
  
  <p>literary loads "home/home.html" string as a template where as I want html contents of the home.html file.</p>