angularjs - 处理对话框内的嵌套视图

Question

我们angular-ui-router用于处理页面级别的嵌套视图，它工作正常。但我们无法在对话框中显示嵌套视图。我在stackoverflow中搜索并没有找到有用的东西。

我尝试过使用ui-router以及使用粘性状态的 ui-roter-extras

ui路由器

示例 1

带有 ui-router-extras 的 ui-router（粘性状态）

示例 2

在上述示例中，检查以下路线图

Click "First Page" > Click "Popup Page" > Click "Child Page1" or "Child Page 2"

子页面未显示。任何人都有解决此问题的想法..或告诉我实现此目标的其他方向？

Answer 1

绝对命名视图（将 @ 放在名称的末尾）工作正常。请查看以下链接了解更多详情。

https://github.com/christopherthielen/ui-router-extras/issues/125

  $stateProvider.state('first.popup.child1', {
    url: '/child1',
    views: {
      'child1View@': {
        templateUrl: 'child1.html'
      }
    }
  });


  $stateProvider.state('first.popup.child2', {
    url: '/child2',
    views: {
      'child2View@': {
        templateUrl: 'child2.html'
      }
    }
  });