2016-11-05 4 views
0

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

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

Может кто-нибудь помочь мне, чтобы создать макет, как у нас в

CakePHP

для импорта всех питания один раз и просто изменить набор данных с изменением маршрута.

Компоновка Без входа

<div> 
    <app-header-before-login> </app-header-before-login> 
    <app-body> </app-body> 
    <app-footer></app-footer> 
</div> 

После входа в систему

<div> 
    <app-header> </app-header> 
    <app-body> </app-body> 
    <app-footer></app-footer> 
</div> 

содержание приложения тела будет извлечено из компонентов, как на маршрутах. Я просто не хочу писать эти html в каждом компоненте.

ответ

1

Есть много способов переключения между компонентами:

  1. Используйте, например ngSwitch для переключения между <app-header></app-header> и <app-header-before-login></app-header-before-login> компонентов.

  2. Использование ViewContainerRef.createComponent()

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