angular 2 - 上下文导航栏

Question

我正在考虑实现一个“上下文”导航栏，它根据当前路由页面需要显示元素（输入，按钮，链接......）（基本上是macOS或mac touchbar所做的）

我的方法是有一个单独的导航栏和页面视图出口

在这里，我需要使用服务或observable来连接导航栏和页面模块，以便他们彼此了解。我只是不确定这是否会导致问题。

以下是包含日历应用和着陆页的示例文件夹结构

app
  |--navbar
    |--calendar-navbar
      |--calendar-navbar.component.ts
    |--landing-page-navbar
      |--landing-page-navbar.component.ts
    |--navbar.module.ts
  |--pages
    |--calendar
       |--calendar.compontent.ts
    |--landing-page
       |--calendar.compontent.ts  
    |--pages.module.ts
    |--pages.compontent.ts
  |--app.component.ts
  |--app.module.ts