javascript - 如何在 Angular 2 中扩展模板？

Question

想象一下:

<app></app>

这是一个应用程序，其中路由器为每个 url 呈现我的模板，由 Typescript @selector 控制。路由器决定执行什么， Controller 像这样工作:

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

我现在拥有的是每个组件的路由器定向渲染，每个组件都有自己的 Controller 和模板。太酷了，那么我现在如何扩展我的 base.html，或者如果想在一个页面上有两个组件，扩展。 在 Django 中我们这样做:

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

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

Answer 1

So it should be within

你 index.html 会是:

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

然后 angular router 会根据路由放置正确的内容。更多:http://blog.thoughtram.io/angular/2015/06/16/routing-in-angular-2.html