处理对话框内的嵌套视图

Question

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

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

ui-router

Example 1

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

Example 2

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

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

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

Answer 1

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

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'
      }
    }
  });