İyonik iyon geri dönüş tuşu gizlidir

Question

Bir iyon geri dönüş düğmeli sayfa görünümü yapmayı deniyorum.

Bu benim kod html.

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

 
    <ion-nav-back-button class="button-clear" side="left"> 
 
     <ion-icon name="edit" role="img" class="ion-arrow-left-c menu-icon" arial-label="back"> 
 

 
     </ion-icon> 
 
    </ion-nav-back-button> 
 
    
 
     <ion-nav-buttons side="right"> 
 
     <button class="button button-clear" ui-sref="editevent({ idevent : event.$id })"> 
 

 
      <ion-icon name="edit" role="img" class="ion-edit menu-icon" arial-label="edit"> 
 

 
      </ion-icon> 
 
     </button> 
 
    </ion-nav-buttons> 
 
    
 

 
    
 
</ion-nav-bar> 
 

 
<ion-view class="content"> 
 
    <ion-nav-title>{{event.title}}</ion-nav-title> 
 
    <ion-content class="background-white"> 
 
     <div class="event_view-desc" >{{event.description}}</div> 
 
       
 

 
</ion-content> 
 
</ion-view>

Ama bu sayfayı iyon nav-arka düğmesini göstermese. Bir hata yaptım mı?

kod html oluşturmak geçerli:

<ion-header-bar class="bar-main bar bar-header" align-title="center"><button class="button back-button buttons hide button-clear header-item" side="left" ng-click="$ionicGoBack()" style="transition-duration: 0ms;"> 
 
      <ion-icon name="edit" role="img" class="ion-arrow-left-c menu-icon" arial-label="back"> 
 

 
      </ion-icon> 
 
     <span class="back-text" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);"><span class="default-title">Back</span><span class="previous-title hide"></span></span></button><div class="title title-center header-item" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); left: 36px; right: 36px;"><span class="nav-bar-title ng-binding">geo3</span></div><div class="buttons buttons-right header-item" style="transition-duration: 0ms;"><span class="right-buttons"> 
 
      <button class="button button-clear" ui-sref="editevent({ idevent : event.$id })" href="#/editevent/-KDScn4Yw3uEryrNT8ow"> 
 

 
       <ion-icon name="edit" role="img" class="ion-edit menu-icon" arial-label="edit"> 
 

 
       </ion-icon> 
 
      </button> 
 
     </span></div></ion-header-bar>

neden sırtım düğmeli içerik gizlemek sınıfı?

Answer 1

Bunun nedeni, varsayılan İyonik geri düğmesine sahip olmasıdır. Bu işleve sahiplerdi, böylece tüm programlamayı kendiniz yapmak zorunda değilsiniz. Bu düğme sadece bir sayfaya geri dönme seçeneğiniz olduğunda görünür.

Diyelim ki bir listeniz var ve bir öğeye tıkladığınızda, öğeyle ilgili tüm bilgileri içeren yeni bir sayfa açılır. Bu sayfada, bir sayfaya geri dönebildiğiniz için geri düğmesi görünecektir.

Yalnızca arka simgeli bir düğme istediğinizde www.ionicons.com adresini ziyaret edin. Sadece normal butona sahip olanlardan birini kullanabilirsiniz.