Question

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

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

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

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

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

现在显示的导航栏没有后退按钮（这个行为没问题。）

从这个页面我进入一个详细页面，我有：

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

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

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

Answer 1

您需要在页面上添加离子导航栏，然后再添加离子导航按钮。见下面的例子。您可以根据需要自定义它。下面使用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>

离子：如何显示后退按钮

1 个答案: