固定标头上面离子2内容/导航栏随着页面转换

Question

我想在Ionic2框架中有一个固定的标志。我在页面之间转换，页眉和页面滑入页面。我想知道是否可以将页眉/徽标保持在页面上的任何常量之上。

<ion-header> 
 
    <a (click)="goToRoot()" ><img src="assets/img/topBar-iPad.png" alt=""/></a> 
 
</ion-header> 
 

 

 
<ion-content padding> 
 
</ion-content>

我已经使用工具栏，这并不正常工作或尝试过。

Answer 1

如果你想放在头的图像，你可以使用此代码：

<ion-header> 
<ion-navbar> 
    <ion-title>Title</ion-title> 
    <ion-buttons end> 
     <img height="35px" width="35px" src="assets/img/topBar-iPad.png"> 
    </ion-buttons> 
</ion-navbar> 
</ion-header> 

Answer 2

这可能会有点棘手，如果你的应用程序随着时间变得更加复杂一点，但是你可以做的是增加您的<ion-header>元素与您在src -> app中找到的app.html文件相关联。

将其设置为您要导航到的页面上方的顶层。

如果您的应用程序不会随着时间的推移变得复杂，其中仅在您需要的工具栏固定在你可能需要或者创建自定义组件基于元件上，或者通过在顶部某些情况下*ngIf（或[hidden]=""）和然后编写逻辑来支持其可见性。