Угловые2 разных шаблонов

Question

Я немного застрял в новой архитектуре angular2, я хочу получить различные шаблоны в зависимости от компонента. Например, если я просматриваю домашнюю страницу, я хочу, чтобы навигация и нижний колонтитул были в качестве шаблона моей домашней страницы, которые можно повторно использовать на моей странице учетной записи.

Кроме того, я хотел бы иметь такое же поведение для всех моих/административных страниц. Единственный способ, которым я решил разрешить это, - создать один компонент для каждого шаблона, но это немного тяжелый нет?

Есть ли лучший способ сделать это?

Answer 1

Поскольку AsyncRoute не доступный больше, Angular 2 придумал функцию Lazy Loading внутри системы маршрутизации:

Это просто:

{ 
    path: 'admin', 
    loadChildren: 'app/admin/admin.module#AdminModule', 
} 

Ссылка: https://angular.io/docs/ts/latest/guide/router.html#!#lazy-loading-route-config

Answer 2

Создание отдельного компонента позволяет использовать его при необходимости.
Я думаю, что создание индивидуального компонента было бы большим выбором, потому что завтра вы можете захотеть добавить/сыграть с каким-то динамическим контентом.

Но его немного тяжелый нет? , но в каком контексте ???

вы также можете иметь дело с AsyncRoute и вызвать маршрут или компонент на лету (отложенной загрузки),

взгляд на здесь - http://blog.mgechev.com/2015/09/30/lazy-loading-components-routes-services-router-angular-2/