首页 文章

离子:如何显示后退按钮

提问于
浏览
1

在离子i中有一个带有此指令的登录页面:

<ion-view hide-nav-bar="true" class="home-background">

我使用hide-nav-bar来隐藏导航栏 .

然后我转换到另一个页面,我显示导航栏,在模板中,我有:

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

现在导航栏显示没有后退按钮(这是正常的行为) .

从这个页面我去一个详细页面,我有:

<ion-view view-title="Chat Detail">

现在的问题是我没有看到后退按钮 . 检查页面我看到:

为什么有隐藏类?如何显示后退按钮?

1 回答

  • 0

    您需要在页面中添加离子导航栏,然后再添加离子导航按钮 . 见下面的例子 . 您可以随心所欲地自定义它 . 下面使用ionicon V形箭头后箭头来获得Android风格的箭头 .

    <ion-view view-title="Chat Detail">
        <ion-nav-bar>
            <ion-nav-back-button class="button-clear" ng-click="back()">
                <i class="ion-chevron-left top-nav-bar-icon"></i>
            </ion-nav-back-button>
        </ion-nav-bar>
    
    ...
    </ion-view>
    

相关问题