每页都有独特的离子标题,所有页面上都有相同的可点击项目

我想有一个独特的离子标题,我的离子应用程序(新闻,搜索等),但包括一个设置图标,在工具栏上,将弹出一个模式与几个不同的选项,以供用户互动。我希望避免重建设置图标来保持代码干燥,防止不必要的导入,并保持关注点的分离。

<ion-header>
  <ion-toolbar>
    <ion-title>
      News
    </ion-title>
  </ion-toolbar>
</ion-header>

app.component.html

<ion-app>
  <ion-header>
    <ion-icon (click)='openSettings()' slot='end' name='settings'></ion-icon>
  </ion-header>
  <ion-router-outlet></ion-router-outlet>
</ion-app>

正如预期的那样,页面页眉覆盖了整个应用程序的页眉。我正在考虑构建一个单独的设置图标组件,但是(我相信)这将需要我将其导入到每个页面中。

感谢任何帮助。