Общий элемент в Ionic 2

Question

Я только начал играть с Ionic и пытаюсь понять, насколько перфоманс и гибкость сравниваются с родным.

Одним из стандартных вариантов использования было бы добавить панель инструментов с ползунковым меню и вкладками.

Когда вы создаете собственную природу Android, вы обычно помещаете страницы в Фрагменты, а затем просто перезагружаете какой-либо заполнитель с помощью фрагмента, сохраняя вашу панель инструментов и вкладки статичными.

Тем не менее, все примеры Ionic, которые я видел, повторно реализуют панель инструментов (navbar) на каждой странице, открывающей вкладки.

Например:

<ion-tabs> 
    <ion-tab [root]="page1" tabIcon="home"></ion-tab> 
    ... 
</ion-tabs> 

И тогда page1 будет:

<ion-header> 
    <ion-navbar> 
    <ion-title>TITLE</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    Welcome to page 1 
</ion-content> 

И это ion-header на каждой странице появляется.

Можно ли сделать заголовок статичным, чтобы мне не нужно было повторно его выполнять на каждой странице? Я попытался добавить его в шаблон вкладок, но это не сработало и скрыло представление.

Answer 1

Так же, как вы можете видеть в this answer, @mhartington (от Ионического Team) говорит:

Там нет никакого способа для создания глобального ионного Navbar, как это делается на цели. Точка наличия навигационной панели, определенной для каждого компонента, составляет , что мы можем правильно анимировать заголовки, цвет фона навигатора (если вы их изменяете) и анимировать другие необходимые свойства.

И о создании пользовательской директивы, чтобы избежать дублирования ионно-NavBar HTML код:

Это будет по-прежнему Creat ошибки с тем, как angular2 проекция содержание работы . У нас есть несколько проблем, которые были открыты, когда люди пробуют это , и лучший ответ - не делать этого.