Angular2相当于模板继承答案

【问题标题】：Angular2 equivalent to template inheritanceAngular2相当于模板继承
【发布时间】：2017-01-09 06:49:30
【问题描述】：

在我的 angular2 应用程序中，我有 AppModule、AppComponent（仅由路由器插座组成）和 LoginComponent：

<form><input type="password"></form>

...和一个包含文档的列表（DocumentsComponent）：

<nav>...</nav>
<ul>
 <li>Document A</li>
 <li>Document B</li>
 <li>Document C</li>
</ul>

...和一个用户列表（UsersComponent）：

<nav>...</nav>
<ul>
 <li>User A</li>
 <li>User B</li>
 <li>User C</li>
</ul>

登录应该是全屏的。所以没有导航。在所有其他组件上应该有一个导航。所以在真正的应用程序中，它不仅仅是导航。内容周围还有更多组件。

在 Twig 中，我会使用类似扩展的东西。但我知道 Angular 中模板的结构和思想是不同的。

那么我应该把“包装器”（导航、页脚、...）放在哪里并在 Documents- 和 UsersComponent 中显示，而不是在 LoginComponent、RegisterComponent、ErrorComponent 中显示...？

【问题讨论】：

标签： angular

【解决方案1】：

使用child routes

或者如果您的用户没有登录，只需将登录表单放在应用程序前面，并固定位置以隐藏用户的所有内容 - 这是简单但有点肮脏的解决方案

您也可以使用hierarchical di 将一些组件放置在您想要的位置

或Compile动态方式你的组件，但这是最糟糕的情况

【讨论】：