title: How to extend template in angular 2?
body: <p>Imagine following:</p>
  
  <p><code>&lt;app&gt;&lt;/app&gt;</code></p>
  
  <p>here is app where router renders my template for each url, controlled by Typescript @selector. Router decide what to execute and controller work like this:</p>
  
  <pre><code>@Component({
  selector: "app"})
  
  
  @View({
  templateUrl: "client/courses-list/courses-list.html",
  directives: [NgFor, CoursesForm, RouterLink, AccountsUI]}) export class CoursesList {courses:[1,2,3,4,5]}
  </code></pre>
  
  <p>What i have now, is router-directed rendering of each component with its own controller and template. Thats cool, so how can I now extend my base.html, or if want to have two components on one page, which extended.
  In Django we do:</p>
  
  <pre><code>&lt;nav&gt;menu one two three&lt;/nav&gt;
  {%block content%}
  {%endblock%}
  &lt;footer&gt;&lt;/footer&gt;
  </code></pre>
  
  <p>So i need app, which extending from base html and everything in app is anular2-controllable. So it should be within  
  Thank you</p>