Угловой 2 - компонент компоновки

Question

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

Основная концепция - перемещаться между страницами с помощью маршрутов и обертывать эти страницы с помощью макета, если они этого требуют. Поэтому, когда некоторые компоненты называют, она заворачивается с раскладкой вызывая своего рода «родительский компонент»

RootComponent очень просто:

Component({ 
    selector: 'my-app', 
    template: `<router-outlet></router-outlet>`, 
    directives: [ROUTER_DIRECTIVES], 

}) 

export class RootComponent { 

    constructor(){  
    } 

} 

Вся магия должна стать от маршрутизируемого компонента. Также я привязал img к навигации и зависимостям страниц.

Может ли кто-нибудь написать простой пример приложения?

Answer 1

Это именно то, что новый ngModule был разработан. Используя его, вы можете создать AppModule, который включает ваше основное приложение и LoginModule, который включает компоненты входа. См. https://angular.io/docs/ts/latest/api/core/index/NgModule-decorator.html