searchbar не отображается на Ionic

Question

Я пытаюсь сделать фиксированную панель поиска поверх моего экрана под панелью вкладок для Android и под панелью навигации для ios.

Я использую документы: http://ionicframework.com/docs/v2/api/components/searchbar/Searchbar/

Ионные версия: 2.1.12

Но мой Searchbar не показывает.

Мой код:

HTML:

<ion-view title="Search" id="page3" hide-nav-bar="isAndroid"> 
    <div class="bar bar-subheader bar-positive item-input-inset" no-tap-scroll="true"> 
     <ion-searchbar 
      [(ngModel)]="search" 
      [showCancelButton]="shouldShowCancel" 
      (ionInput)="handleSearch($event)"> 
     </ion-searchbar> 
    </div> 
    <ion-content has-header="true" padding="true"> 
     <ion-list> 
      <ion-item ng-repeat="doc in documents" item="doc"> 
      </ion-item> 
     </ion-list> 
    </ion-content> 
</ion-view> 

Скриншот:

Как вы можете видеть, не появляется Searchbar ...

Я попытался положить его в между другими компонентами в моих взглядах, но он не появляется e ither. Документы ничего не объясняют по этому вопросу. Очень расстраивает

Answer 1

http://plnkr.co/edit/dPsGZjczRSNpqmMDqLZQ?p=info

Это код, который предоставляется, если вы удалите все <br/> тегов в plunker вы увидите, что Searchbar будет засунула за головой.

Так добавив style="z-index:999999999999" (просто чтобы быть уверенным) к <ion-searchbar> в результате этого plunker:

http://plnkr.co/edit/JE1Vm47ehXsmkp5s9PGZ?p=info