在Angular App中隐藏全局 Headers 的最佳方法-Java 学习之路

所以我想在应用程序中实现一个全局标头，app-header将位于 <router-outlet> 之上，在某些页面中我曾经看到过这种情况的实现，你有一个HeaderService，Header然后订阅到这个服务的一个或多个值，所以其他组件可以调用服务，也可以设置标志来隐藏 Headers ，什么不是 .

我不喜欢这种方法是，然后每个页面都必须指定它是否需要 Headers （使用隐藏方案作为示例），我想要的是所有页面的默认情况，（显示 Headers ）然后允许其他页面选择不显示 Headers 而不影响其他页面 . 有谁知道一个很好的方法来实现这一目标？

1 回答

您可以使用其他路由级别：

[
  {
    path: '',
    component: LayoutWithHeaderComponent
    children: [ <the routes with a header here ]
  },
  {
    path: '',
    component: LayoutWithoutHeaderComponent
    children: [ <the routes without a header here ]
  }
]

两个布局组件当然在其模板中都有 <router-outlet> ，其中将插入子路径组件 .

回复于 2024-04-29T02:20:40+08:00

在Angular App中隐藏全局 Headers 的最佳方法

1 回答

相关问题