angularjs - ionic - ionic 导航 View 不起作用

标签 angularjs ionic-framework

我正在构建一个 ionic 包,具有多个 View 。我使用路线提供程序在不同 View 之间导航。

app.js

.config(function($routeProvider,$locationProvider){

    $routeProvider
    .when('/search',
        {
            controller : 'MyController',
            templateUrl : 'partials/search.html'
        })

    .when('/not-found/:className',
        {
            controller : 'MyController',
            templateUrl : 'partials/not-found.html'
        })

我的index.html

  <body ng-app="MyApp">  
        <ng-view></ng-view>

      </body>
    </html>

问题是我手机上的后退按钮不起作用。即它不记得历史记录。 例如,如果我从 search.html 转到 not-found.html,当我按手机上的后退按钮时,我希望它返回到 search.html,而不是关闭我的应用程序。 我查看了 ionic 论坛,让后退按钮工作的建议方法是使用 ion-nav-view。如果我用 ion-nav-view 替换 ng-view ,则搜索/未找到页面不会呈现,我什至尝试添加 ion-view 在搜索/未找到的 html 页面上。
1)您能否建议一种让我的后退按钮正常工作的方法?

最佳答案

为了实现这一点,您实际上需要捕获硬件后退按钮按下事件并相应地执行导航,或者您可以使用ion-nav-back-button ..

  1. 捕获硬件后退按钮事件:

    $ionicPlatform.registerBackButtonAction(function () {
      if (condition) {
        navigator.app.exitApp();
      } else {
        // handle back action!
      }
    }, 100);
    

更多详情请参见here


  • 使用 ion-nav-back-button

    <ion-nav-bar>
      <ion-nav-back-button class="button-clear">
        <i class="ion-arrow-left-c"></i> Back
      </ion-nav-back-button>
    </ion-nav-bar>  
    
  • 有关此内容的更多详细信息,请参阅 here

    关于angularjs - ionic - ionic 导航 View 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27632579/

    相关文章:

    android - 构建混合移动应用程序

    javascript - 如何在 ionic 中使用异步数据与 chart.js 一起使用

    android - 我将如何在我的 Ionic/Cordova 应用程序中收集设备 token

    ionic-framework - Ionic:更改 ion-navicon 颜色

    android - ionic cordova 运行 android --设备成功但应用程序未显示在手机上

    javascript - Angular : use filter on ng-options when using for(key,值)

    javascript - 使用参数配置 Angular (ui.router) 的路由

    AngularJS 货币过滤器(以磅为单位)

    javascript - AngularJS:指令/依赖注入(inject)

    javascript - 单击按钮时获取单选按钮值不起作用angularjs