如何使用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