title: How to use templateUrl in Angular 2 directive
body: <p>How do I add a html template to a directive? Here is a sample code which does not work :</p>
  
  <blockquote>
    <p>import { Directive } from '@angular/core';</p>
    
    <p>@Directive({<br>
    selector: '[master-side-bar]',<br>
    templateUrl :
    'master-side-bar.html' }) </p>
    
    <p>export class MasterSideBar {</p>
    
    <p>constructor() {</p>
  
  <pre><code>console.log('Hello MasterSideBar Directive');   
  </code></pre>
    
    <p>}</p>
    
    <p>}</p>
  </blockquote>
  
  <p>I get the following error :</p>
  
  <blockquote>
    <p>Argument of type '{ selector: string; templateUrl: string; }' is not
    assignable to parameter of type 'Directive'. Object literal may only
    specify known properties, and 'templateUrl' does not exist in type
    'Directive'.</p>
  </blockquote>