Angular UI Router - 实现“多个同时状态”的最佳方法是什么？

Question

假设我在同一页面上有两个或更多可以被视为小部件的视图 - 其状态转换基本上是自包含的 - 实现这种“多个同时状态”的最佳方法是什么？

（或者请纠正我，如果这不是“多个同时发生的状态”的意思）

Answer 1

你想要达到的目标不是很清楚，但这可能有所帮助。 Multiple-Named-Views

或者

您还可以管理以下状态：

$stateProvider.state("a", {
        url: "/a",    
        title: "PartA",
        templateUrl: "partA.html",
        controller: "aCtrl"
      }).state("a.list", {
        url: "/list/:id",    
        title: "PartA-List",
        views: {
          "list": {
            templateUrl: "partA.list.html"
          }
        }      
      }).state("a.list.detail", {
        url: "/detail/:rowId",
        title: "PartA-Detail",
        views: {
          "detail": {
            templateUrl: "partA.detail.html"
          }
        }
     });

a.html

<div ui-view="list"></div>

partA.list.html

<div ui-view="detail"></div>

Answer 2

ui-router目前无法使用。

然而，该主题已在各种形式中被破坏。

• https://github.com/angular-ui/ui-router/issues/95
• https://github.com/angular-ui/ui-router/issues/160