每页上唯一的离子标题，所有页面上相同的可单击项

Question

我想为我的离子应用程序的每个页面（新闻，搜索等）有一个唯一的离子标题，但是在工具栏中也包含一个设置图标，该图标将为用户提供带有两个不同选项的模式与之互动。我要避免重建设置图标以使代码保持DRY状态，防止不必要的导入并保持关注点分离。

news.page.html

<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>

按预期，页面标题会覆盖整个应用程序标题。我正在考虑构建一个单独的设置图标组件，但是（我相信）这将要求我将其导入每个页面。

感谢您的帮助。