ionic ion-nav-back-button 被隐藏答案

【问题标题】：ionic ion-nav-back-button is hiddenionic ion-nav-back-button 被隐藏
【发布时间】：2016-07-09 09:26:57
【问题描述】：

我尝试使用 ion-nav-back-button 进行页面查看。

这是我的代码 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>

但是这个页面没有显示 ion-nav-back-button。我做错了吗？

html生成的代码是：

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

为什么我的后退按钮包含隐藏类？

【问题讨论】：

标签： ionic-framework

【解决方案1】：

这是因为这是默认内置的 Ionic 后退按钮。他们已经内置了这个功能，所以你不必自己做所有的编程。此按钮仅在您可以选择返回页面时显示。

假设您有一个列表，当您单击一个项目时，会打开一个新页面，其中包含有关该项目的所有信息。在该页面上，将显示返回按钮，因为您可以返回一个页面。

如果您只需要一个带有后退图标的按钮，请访问 www.ionicons.com。您可以通过一个普通按钮使用其中一个。

【讨论】：