搜索栏不显示在Ionic上

我想在android屏幕下的ios下导航栏下为我的屏幕顶部制作一个固定的搜索栏。搜索栏不显示在Ionic上

我使用的文档：http://ionicframework.com/docs/v2/api/components/searchbar/Searchbar/

离子版本：2.1.12

但我的搜索栏没有显示。

我的代码：

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>

截图：