如何使用 UI-Router 将嵌套状态放入多个视图中

Question

我在根目录下有两个视图，如下

<div ui-view='nav'></div>
<div ui-view='map'></div>

在地图模板中，我有另一个视图要放入其中。

<h3>Maps</h3>
<div ui-view="data" ></div>

状态配置如下所示

$stateProvider
    .state('base', {
        url: "/route1",
        views: {
          'nav':{
            templateUrl : 'nav.html',
          },
          'map':{
            templateUrl: 'map.html'
          }
        }
    })
      .state('base.list', {
        views:{
          'data':{
            templateUrl: "data.html"
          }
        }
          
      });

Plunkr as this

但是这样不行。有人可以帮忙吗？

Answer 1

您只是缺少转换到子状态的状态。例如像这样：

<a ui-sref="base.list">Go to base.list state</a>

Modified plunker here