在Angular 2项目中创建布局

Question

您好我正在创建一个角度为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>

app-body内容将根据路线从组件中提取。我只是不想在每个组件中编写这些html。

Answer 1

有很多方法可以在组件之间切换：

1. 使用例如ngSwitch来切换 <app-header></app-header>和 <app-header-before-login></app-header-before-login>个组件。

2. 使用ViewContainerRef.createComponent()