Angular 2 动态页眉和页脚 [英] Angular 2 Dynamic Page Header and Footer

问题描述

以下是我的 app.component.html 中包含的内容

The following is what is included in my app.component.html

<代码><标题></标题><路由器插座></路由器插座><footer></footer>

<lmenu></lmenu> <header></header> <router-outlet></router-outlet> <footer></footer>

但是我的登录和注册页面都是通过这个模块呈现的，它们只需要路由器插座.如何动态地不包括登录和注册视图的 lmenu、页眉和页脚选择器?提前致谢.

However my login and register pages are both rendered through this module and they only require the router-outlet. How an dynamically not include the lmenu, header, and footer selectors for the login and register views? Thanks in advance.

推荐答案

<lmenu *ngIf="isLogin"></lmenu>
<header *ngIf="isLogin"></header>
<router-outlet></router-outlet>
<footer *ngIf="isLogin"></footer>

只需在 true 和 false 之间切换 isLogin 显示/隐藏组件

Just switching isLogin between true and false shows/hides the components

这篇关于Angular 2 动态页眉和页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！