javascript - AngularUI 路由器 - 实现“多个同时状态”的最佳方式是什么？

Question

假设我在同一个页面上有两个或多个视图，它们可以被视为小部件——它们的状态转换在很大程度上是独立的——实现这种“多个同时状态”的最佳方式是什么？

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

Answer 1

Not currently possible with ui-router.

However the topic has been breached in various incarnations.

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

Answer 2

您到底要达到什么目标还不是很清楚，但这可能会有所帮助。 多命名视图

或者

您还可以管理以下状态：

$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"
          }
        }
     });

一个.html

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

partA.list.html

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