Why is the subheader not showing?

I'm trying to create a search bar in an Ionic app. To do this, I'm using bar-subheader but that doesn't work: The subheader is not shown.

My code:

<ion-view view-title="Empresas">

    <div class="bar bar-subheader item-input-inset padding">
         <label class="item-input-wrapper">
          <i class="icon ion-ios7-search placeholder-icon"></i>
          <input type="search" placeholder="Search" ng-model="pesquisar">
          </label>
     </div>

 <ion-content class="padding has-footer has-subheader">

    <ion-list>
        <ion-item class="item item-thumbnail-left"
              ng-repeat="item in items | filter:pesquisar"
              type="item-text-wrap"
              ng-click="getEmpresa({{item.Empresa.id}})" >

            <img ng-src='{{item.Empresa.imagem}}'>
            <div style="font-weight:bold;" class="item-text-wrap">{{item.Empresa.nome}}</div>
            <div style="font-size:small" class="item-text-wrap">{{item.Empresa.tipo}}</div>
            <div style="font-size:small">{{item.Empresa.endereco}}</div>
            <div style="font-size:small">{{item.Empresa.telefone}}</div>

            <a href="tel:{{item.Empresa.telefone}}" class="button button-small button-balanced icon ion-ios-telephone">
            </a>

        </ion-item>
        <ion-infinite-scroll on-infinite="loadMore();" distance="1%" ng-if='!moreData'></ion-infinite-scroll>
   </ion-list>

  </ion-content>

</ion-view>