Angular2等同于模板继承

Question

在我的 angular2 应用程序中，我有 AppModule、AppComponent(仅由 router-outlet 组成)和 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……中显示？

Answer 1

使用child routes

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

你也可以使用hierarchical di在你想要的地方放置一些组件

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