Html 标题未显示在屏幕中

离子视图标题栏未显示在我的离子应用程序中。有人能告诉我这个问题吗？我我尝试了很多方法来修复它，但什么也没发生

Offer.html

<ion-view style="font-family: 'Lobster', cursive; " view-title="Ad's Cafe">

<ion-nav-bar class="bar-assertive">

<ion-nav-back-button></ion-nav-back-button>

  <ion-content   class="has-header">
    <ion-list>
       <button style="font-family: 'Cherry Cream Soda', cursive; "class="button button-full button-stable">
            <i class="ion-speakerphone"></i>
                Offer Details
        </button>
     <ion-item ng-repeat="offer in offers ">
        <div class="list card">
        <div class="item item-text-wrap item-divider">
          <u> <h1><i class="ion-android-restaurante"></i>{{offer.Title}}  </h1> </u>
        </div>
         <div class="item item-text-wrap">
               <u><img style=" border: 1px solid black;

                width: 100%;
                height: auto"   class="img-responsive " ng-src="{{offer.link}} "
               >      </u>

        </div>
        <div class="item item-text-wrap">
          <h3> {{offer.Desc}} </h3>
        </div>
      </div>

      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

提供详细信息
{{offer.Title}}
{{offer.Desc}}

---

我想你忘了关

提供详细信息
{{offer.Title}}
{{offer.Desc}}

<ion-view style="font-family: 'Lobster', cursive; " view-title="Ad's Cafe">

<ion-nav-bar class="bar-assertive">

<ion-nav-back-button></ion-nav-back-button>

</ion-nav-bar>

  <ion-content   class="has-header">
    <ion-list>
       <button style="font-family: 'Cherry Cream Soda', cursive; "class="button button-full button-stable">
            <i class="ion-speakerphone"></i>
                Offer Details
        </button>
     <ion-item ng-repeat="offer in offers ">
        <div class="list card">
        <div class="item item-text-wrap item-divider">
          <u> <h1><i class="ion-android-restaurante"></i>{{offer.Title}}  </h1> </u>
        </div>
         <div class="item item-text-wrap">
               <u><img style=" border: 1px solid black;

                width: 100%;
                height: auto"   class="img-responsive " ng-src="{{offer.link}} "
               >      </u>

        </div>
        <div class="item item-text-wrap">
          <h3> {{offer.Desc}} </h3>
        </div>
      </div>

      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>