Исправлен заголовок выше Ionic 2 content/navbar С переходом страницы

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> элемент вашего app.html файл находится в src -> app.

Это устанавливает его на верхнем уровне над страницами, на которые вы переходите.

Если ваше приложение становится сложным с течением времени, когда только в некоторых случаях вы хотите, чтобы панель инструментов была зафиксирована вверху, вам может понадобиться либо создать пользовательский компонент на основе элемента, либо передать в *ngIf (или [hidden]="") и затем напишите логику, чтобы поддержать ее видимость.