Javascript 如何在angular 2中扩展模板？

想象一下：

这是路由器为每个url呈现我的模板的应用程序，由Typescript@selector控制。路由器决定执行什么，控制器的工作方式如下：

@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]}

我现在拥有的是路由器引导的每个组件的渲染，每个组件都有自己的控制器和模板。这很酷，所以我现在如何扩展我的base.html，或者如果我想在一个页面上有两个扩展的组件。 在Django，我们有：

<nav>menu one two three</nav>
{%block content%}
{%endblock%}
<footer></footer>

菜单一二三
{%block content%}
{%endblock%}

所以我需要应用程序，它从基本html扩展而来，应用程序中的所有内容都是可控制的。所以它应该在 多谢各位

所以它应该在

您可以使用index.html：

<nav>menu one two three</nav>
<main>
  // components go here
</main>
<footer></footer>

菜单一二三
//组件放在这里

然后angular router会根据路由放置正确的内容。更多：