Javascript 离子导航返回按钮未显示_Javascript_Angularjs_Cordova_Mobile_Ionic Framework

Javascript 离子导航返回按钮未显示

javascript angularjs cordova mobile ionic-framework

Javascript 离子导航返回按钮未显示,javascript,angularjs,cordova,mobile,ionic-framework,Javascript,Angularjs,Cordova,Mobile,Ionic Framework,我是爱奥尼亚的新手，目前正在尝试制作我自己的应用程序，它由几个标签组成。我目前面临的问题是，我的后退按钮没有出现。在“我的事件”选项卡中，我允许人们单击列表中的事件，该列表将打开一个href，其中包含该特定事件的详细信息页面（event.html）。我的问题是，不知何故，后退按钮根本不会出现在任何视图中。我甚至尝试过用导航栏和后退按钮创建一个空白新视图的简单方法，但它仍然没有显示出来。有人能告诉我需要做什么才能让我的后退按钮出现吗非常感谢 index.html： <body ng-app

我是爱奥尼亚的新手，目前正在尝试制作我自己的应用程序，它由几个标签组成。我目前面临的问题是，我的后退按钮没有出现。在“我的事件”选项卡中，我允许人们单击列表中的事件，该列表将打开一个href，其中包含该特定事件的详细信息页面（event.html）。我的问题是，不知何故，后退按钮根本不会出现在任何视图中。我甚至尝试过用导航栏和后退按钮创建一个空白新视图的简单方法，但它仍然没有显示出来。有人能告诉我需要做什么才能让我的后退按钮出现吗

非常感谢

index.html：

<body ng-app="App">
<ion-nav-bar class="bar-positive">
<ion-nav-back-button class="button-icon button-clear">
    <i class="icon ion-arrow-left"></i> Back
</ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view>
</ion-nav-view>

events.html（链接到详细信息页面）

event.html：

<ion-view view-title="{{event.title}}">
<ion-content>

    Event title: {{event.title}} <br />
    Group name: {{event.groupname}} <br />
    Date: {{event.date}} <br />
    Description: {{event.description}} <br />

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


事件标题：{{Event.title}}

组名：{{event.groupname}}

日期：{event.Date}}

描述：{{event.Description}}

我也面临同样的问题，但后来我在想要使用的地方使用了定制箭头。您可以将自定义箭头图像添加到CSS文件中，然后可以相应地使用。 ng click=“goBack（）”用于导航到您想去的页面，您可以在.js文件中定义该页面。我希望这能奏效

HTML文件

将其添加到要返回的控制器中

$scope.$on('$ionicView.beforeEnter', function (event, viewData) {
    viewData.enableBack = true;
});

side=“left”用于将按钮放在标题左侧。

<a href="#/event/{{event.id}}">

<ion-view view-title="{{event.title}}">
<ion-content>

    Event title: {{event.title}} <br />
    Group name: {{event.groupname}} <br />
    Date: {{event.date}} <br />
    Description: {{event.description}} <br />

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

<ion-nav-buttons side="left">
    <a ng-click="goBack()" class="button back-button buttons  button-clear header-item nav-back-btn">
        <i class="ion-android-arrow-back" id="customArrow"></i>
    </a>
</ion-nav-buttons>

$scope.$on('$ionicView.beforeEnter', function (event, viewData) {
    viewData.enableBack = true;
});