导航到Ionic应用程序上的上一个视图/状态时内容消失

时间:2015-11-22 00:35:49

标签: angularjs ionic-framework ionic

我使用基于AngularJS的Ionic创建了一个带侧边菜单的入门应用程序。

应用程序的基本导航布局假设为:

  • 主页
  • ion-side-menu,显示我们公司的服务类型列表。 (单击项目时转到:)
  • 所选类型的公司服务列表(单击项目时,转到:)
  • 特定服务视图

问题是,当我从特定服务视图内部点击自动生成的“后退”按钮,并期望返回所选类型的服务列表时,应用程序确实路由回到列表,他的内容是看到大约半秒钟,但随后 - 所有内容(包括顶部导航栏)都被隐藏,但仍然可以点击! 这也不仅适用于“后退”按钮,也适用于单击从特定服务视图到任意服务列表视图的链接。

由于之前的视图在消失前被看到,我得出结论路由实现是有效的,但是尝试使用ui-route ui-sref和其他导航方法但是无法解决这个问题。

在Chrome浏览器和Android设备上都会发生这种情况。

我的stateProvider配置看起来像这样:

$stateProvider
    .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
  })
  .state('app.main', {
    url: '/main',
    views: {
      'menuContent': {
        templateUrl: 'templates/main.html',
        controller: 'MainCtrl'
      }
    }
  })
  .state('app.services', {
    url: '/services/:tid',
    views: {
      'menuContent': {
        templateUrl: 'templates/services.html',
        controller: 'ServicesCtrl'
      }
    }
  })
  .state('app.service', {
    url: '/service/:sid',
    views: {
      'menuContent': {
        templateUrl: 'templates/service.html',
        controller: 'ServiceCtrl'
      }
    }
  })

非常感谢任何帮助。

0 个答案:

没有答案