2015-11-25 2 views
1

Представьте себе следующее:Как расширить шаблон в угловом 2?

<app></app>

здесь приложение, где маршрутизатор делает мой шаблон для каждого URL, управляемый машинопись @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> 

Поэтому мне нужно приложение, которое простирающуюся от базовой HTML и все, что в приложении есть anular2-управляема. Так оно и должно быть в пределах Спасибо

ответ

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

+0

Спасибо! Попробуем. –

Смежные вопросы