如何在角度2中扩展模板?

时间:2015-11-25 19:09:06

标签: javascript meteor typescript angular

想象一下:

<app></app>

这里是app,其中路由器为每个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>

所以我需要app,它从基础html扩展而且app中的所有内容都是anular2-controllable。所以它应该在内 谢谢

1 个答案:

答案 0 :(得分:2)

  

所以它应该在

之内

index.html 将是:

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

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