Angular 有没有一种方法可以让一个组件在多个页面上运行，而不必在根模块中使用引导？

我有点被卡住了，我不知道如何实现这一点。 我有一个侧边栏，出现在多个链接的页面上，它是一种进度条，您可以在其中查看您之前选择的内容并在它们之间导航

问题是这个侧边栏并不是出现在所有页面上，而是只出现在特定的4个页面上。我找不到任何符合我要求的东西。看起来不错的解决方案类似于根模块上的引导，但它似乎只能在根模块上使用一次

你们还有别的办法吗

---

谢谢你的时间

我找到了解决办法，我采取了错误的方法。我只需要在我的路由组件中包含一个rooter出口，并将更改添加到我的子组件中

我的路线是这样的：

const routes: Routes = [{
  path: '',
  component: ChoicePageComponent,
  children: [
    {
      path: 'field',
      component: FieldChoiceScene
    },
    {
      path: 'subfield',
      component: SubfieldChoiceScene
    }
  ]
}];

以及我的ChoicePageComponent：

import { Component } from '@angular/core';

@Component({
  selector: 'choice-page',
  template: `
  <choice-sidebar></choice-sidebar>
  <router-outlet></router-outlet>
  `,
  styleUrls: ['./choice-page.scss']
})
export class ChoicePageComponent { }

从'@angular/core'导入{Component}；
@组成部分({
选择器：“选择页”，
模板：`
`,
样式URL:['./选择页.scss']
})
导出类ChoicePageComponent{}

这样，它将根据我的路线加载FieldChoiceScene或SubfieldChoiceScene组件