Angular 如何在爱奥尼亚3的所有页面中使用相同的页脚？

我正在开发一个音乐应用程序

在我的项目中，我有2页1<代码>相册名称第页和第2页<代码>模式页面（模式弹出）

我在

albumname.html

页面中列出了很多歌曲。当用户单击特定歌曲时，页脚中将显示艺术家名称、艺术家标题、暂停/播放按钮、下一个/上一个按钮以及歌曲持续时间（进度条）（

albumname.html

page）

若用户点击那个页脚，那个么我需要在

modal

页面中显示歌曲名称、图像和歌曲持续时间

这里我附上了这些图片供你参考。通过看到这些图片，你会明白我需要什么

---

您可以尝试将页脚代码放入app.html文件中。 例如，您将尝试以下方法：

<ion-nav [root]="rootPage">
</ion-nav>
<ion-footer>
 <ion-toolbar>
  <ion-title>Footer text</ion-title>
 </ion-toolbar>
</ion-footer>

页脚文本

您尝试过什么？你面临什么问题？我已经在页脚中显示了带有时长的歌曲，我需要在其他页面@suvartheecI显示相同的时长。我有一个页面

albumname.html

和

albumname.ts

。我需要在

modal.ts

页面中使用albumname组件

albumname.ts

。你知道答案吗@UtpaulHi..在我的项目中，当用户单击特定歌曲时，我会在页脚中显示艺术家名称、歌曲持续时间（进度条）和nxt/prev按钮..之后，当用户单击页脚时，模式弹出窗口将显示给用户，歌曲图像..但我无法获得与页脚@Paul Wilker Landaeta Flores中相同的歌曲持续时间。请，你能分享屏幕以了解你吗？我编辑了我的问题..现在我想你会清楚地理解..请看图像..我想要像这样@Paul Wilker Landaeta Flores