Angular2相当于模板继承

发布时间：2020-12-17 07:14:59 所属栏目：安全来源：网络整理

导读：在我的angular2应用程序中,我有AppModule,AppComponent(仅由router-outlet组成)和LoginComponent： forminput type="password"/form …和包含文档的列表(DocumentsComponent)： nav.../navul liDocument A/li liDocument B/li liDocument C/li/ul …和用户列

在我的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我会使用像extend这样的东西.但我知道Angular中模板的结构和思想是不同的.

那么我应该在哪里放置“包装器”(导航,页脚,…)并在Documents-和UsersComponent中显示它,而不是在LoginComponent,RegisterComponent,ErrorComponent,….中？

解决方法

使用 child routes

或者如果您的用户没有登录,只需将登录表单放在应用程序前面,其位置已固定,以隐藏用户的所有内容 – 这很容易,但有点肮脏的解决方案

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

或者Compile你的组件是动态的,但这是最糟糕的情况

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!