2017-04-19 105 views
0

離子瀏覽標題欄不顯示在我的離子應用程序中。有誰能告訴我這個問題嗎?我嘗試過嘗試修復它,但沒有任何反應。標題不顯示在離子

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> 

enter image description here

回答

0

我想你忘了關</ion-nav-bar>

<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>