Angular ui-router-extras modal:粘滞状态(后台状态得到更新)

时间:2015-08-28 12:45:33

标签: angularjs modal-dialog angular-ui-router angular-ui-router-extras

我使用自编写的模态系统开发Angularjs应用程序。打开模态窗口时,主要是'国家需要在背景上保持可见。我想通过使背景状态(主)粘性来实现这一点。这是我目前的设置:

// Base states
.state('main', {
  url: '/main',
  views: {
    'main': {
      templateUrl: 'app/main/main.html',
      controller: 'MainController'
    }
  },
  sticky: true,
  deepStateRedirect: true
})

.state('modal', {
  url: '/modal',
  views: {
    'modal': {
      templateUrl: 'app/modal/modal.html',
      controller: 'ModalController'
    }
  }
})

// Main states
.state('main.about', {
  url: '/about',
  templateUrl: 'app/about/about.html',
  controller: 'AboutController'
})
.state('main.help', {
  url: '/help',
  templateUrl: 'app/help/help.html',
  controller: 'HelpController'
})

// Modal states
.state('modal.menu', {
  templateUrl: 'app/menu/menu.html',
  controller: 'MenuController'
})

我的index.html有两个ui-views(main和modal)。然而,当我进入about页面,打开菜单(以模态),单击帮助页面并再次打开菜单,而不是在后台显示帮助页面时,它显示了关于页面。

谁能告诉我发生了什么事?单击模态状态链接时,主状态会更新。

1 个答案:

答案 0 :(得分:2)

固定!我回到了ui-router-extras 0.0.13并且包含了所有的模块化依赖项(我之前只有粘性和dsr)并且这样做了(想知道我为什么不首先这样做...)。