angular6 根据路由判断是否显示头部和底部

最新推荐文章于 2023-01-05 15:42:24 发布

原创最新推荐文章于 2023-01-05 15:42:24 发布 · 512 阅读

0 ·

CC 4.0 BY-SA版权

angular 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个用于控制页面头部和底部显示的实用方法，通过检查页面URL，可以决定是否隐藏页面的底部导航栏或顶部菜单栏，适用于多种页面布局需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 private router: Router,

// 不显示底部的页面数组
hideFooterPage: Array<any> = [
'/spot/trade',
'/contract/trade',
'/bxa'
];
// 不显示头部的页面数组
hideHeaderPage: Array<any> = [
'/bxa'
];



/**
* 是否隐藏 底部 or 头部
*/
hideFooterHeader() {
const isHideFooter = this.hideFooterPage.some(item => {
return this.router.url.indexOf(item) === 0;
});
const isHideHeader = this.hideHeaderPage.some(item => {
return this.router.url.indexOf(item) === 0;
});
this.isHideFooter = isHideFooter;
this.isHideHeader = isHideHeader;
}