Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 离子角多重嵌套态和抽象态_Angularjs_Ionic Framework_Angular Ui Router_Ionic - Fatal编程技术网

Angularjs 离子角多重嵌套态和抽象态

Angularjs 离子角多重嵌套态和抽象态,angularjs,ionic-framework,angular-ui-router,ionic,Angularjs,Ionic Framework,Angular Ui Router,Ionic,我一直在开发一个需要2个抽象状态和嵌套状态的应用程序,下面是示例配置 $stateProvider .state('app', { url: "/app", abstract: true, templateUrl: "templates/menu.html", controller: "AppController" }) .state('app.screenList', { url: "/app/screenList", views: { 'menuConte

我一直在开发一个需要2个抽象状态和嵌套状态的应用程序,下面是示例配置

$stateProvider
 .state('app', {
  url: "/app",
  abstract: true,
  templateUrl: "templates/menu.html",
  controller: "AppController"
 })
 .state('app.screenList', {
  url: "/app/screenList",
  views: {
   'menuContent': {
   templateUrl: "templates/screenList.html",
   controller: "ScreenListController"
   }
  }
 })
 .state('app.screen1', {
  url: "/app/screen1",
  views: {
   'menuContent': {
   templateUrl: "templates/screen1.html",
   controller: "Screen1Controller"
   }
  }
 })
 .state('app.subapp', {
  url: "/app/subapp",
  abstract: true,
  views: {
   'menuContent': {
   templateUrl: "templates/subapp.html",
   controller: "SubAppController"
   }
  }
 })
.state('app.subapp.screen1', {
  url: "/app/subapp/screen1",
  views: {
   'subappContent': {
   templateUrl: "templates/subappscreen1.html",
   controller: "SubAppScreen1Controller"
   }
  }
 })
屏幕列表
状态显示要选择的屏幕列表。当进行以下导航时,一切正常

screenList>screen1
按后退键,然后
子页面screen1

在这个阶段,后退是有效的

有趣的是,当我尝试执行以下导航时,后面会停止响应,但什么也没有发生

screenList>screen1
按后退键,然后再按后退键,然后再按后退键(在此阶段,按后退键无效。即使应用程序也不会退出。)

我完全不知道为什么会这样,我得出的唯一结论是,如果我连续尝试进入
子页面screen1
,问题就会出现。如果我一直在
子应用屏幕1
屏幕1
之间切换,一切都正常

我希望无论状态如何切换,back键都能响应。

基于此,我终于让一切正常了

tabs.html
中,我声明了如下选项卡:

  <ion-tab title="ServOOps Mobile" icon="ion-person-stalker" ui-sref="app.tabs.external-index">
<ion-nav-view name="tab-servicos"></ion-nav-view>
.state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
})

  .state('app.tabs', {
  url: "/tabs",
  views: {
    'menuContent': {
      templateUrl: "templates/tabs.html"
    }
  }
})

.state('app.tabs.external-index', {
    url: '/external-index',
    views: {
        'menuContent': {
            templateUrl: 'templates/external-index.html',
            controller: 'ExternalIndexCtrl'
        },
        'tab-servicos': {
          templateUrl: 'templates/external-index.html',
          controller: 'ExternalIndexCtrl'
        }
    }
})
这个很好用。现在我有我的侧菜单和我的标签在这一页上

您必须为其他选项卡重播此选项

请记住,在本文中,我将外部索引链接到选项卡,因此现在,页面的链接将是
#/app/tabs/external index.html