如何在Ionic 3的所有页面中使用相同的页脚?

时间:2018-05-22 11:00:13

标签: angular ionic3

我正在开发音乐应用程序。

在我的项目中,我有2页1. albumname 页面和2. modal 页面(模态弹出窗口)

我在 albumname.html 页面列出了很多歌曲。当用户点击特定歌曲时,艺术家姓名,艺术家标题,暂停/播放按钮,下一个/上一个按钮以及歌曲持续时间(进度条)将显示在页脚(albumname.html页面)中。

如果用户点击该页脚,那么我需要在 modal

中显示歌曲名称,图像和歌曲持续时间

在这里,我附上图片供您参考。通过看图像,您将了解我需要的东西

image - albunname page with footer
image - modal page

1 个答案:

答案 0 :(得分:0)

您可以尝试将您的页脚代码放在app.html文件中。 例如,你会尝试这个:

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