検索バーがIonicに表示されない

私はアンドロイド用のタブバーの下にある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>

スクリーンショット：