固定標頭上面離子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]=""）和然後編寫邏輯來支持其可見性。