Angularjs 如何在多个视图中设置嵌套视图

我有两个命名视图和一个未命名视图，如下所示：

//department.html
<div class="col-md-2">
        <div ui-view="sideBar"></div>
 </div>

 <div class="col-md-10">

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

        <div ui-view></div>

 </div>

//department.html

我的路线是：

.state('Support', {
    url: '/support',
    views: {
       '': { templateUrl: 'app/components/department/department.html'  },

       'sideBar@Support': {
                           templateUrl: 'app/shared/sideBar/sideBar.html',
                           controller: 'SideBarController'
                          },

        'content@Support':{
                           templateUrl: 'app/components/department/support/partial-support.html',
                           controller: 'SupportController'
                          },

      }        
  })


.state('Support.view', {
  url: '/view',
  template: '<b> Hi there nested!!</b>'
});

.state（'Support'{
url:“/support”，
观点：{
''：{templateUrl:'app/components/department/department.html'}，
'sideBar@Support': {
templateUrl:'app/shared/sideBar/sideBar.html'，
控制器：“侧边栏控制器”
},
'content@Support':{
templateUrl:'app/components/department/support/partial support.html'，
控制器：“SupportController”
},
}        
})
.state（'Support.view'{
url:“/view”，
模板：“你好！！”
});

我需要什么：

• localhost/support

  ：这是一个父url，在该url中插入了两个命名视图（侧边栏和内容），这对我很有用

• localhost/support/view

  ：在这个路由器中，我需要一个子视图来替换

  内容

  视图或同时替换两个视图

问题是： 我无法使嵌套视图工作，我做错了什么

---

PS：我已经阅读了ui路由器文档，看到了其他一些我找不到任何类似场景的问题。

在未启用HTML5模式的情况下，您的场景正常工作。有

我刚刚使用了以下链接：

<a ui-sref="Support">
<a ui-sref="Support.view">

检查版本

---

可能重复：不，此线程是关于ng视图的，我已经在使用ui路由器…感谢您指出HTML5模式，但问题仍然没有解决，我想完全替换content@Support,换句话说，当我单击Support.view链接时，我不想看到它content@Support的内容…我在这里创建了一个调整后的plunker，它确实改变了content@Support在支持视图上。。。一个空的东西。我使用了本机UI路由器解决方案-多

视图：{}

希望这有帮助

$locationProvider.html5Mode({enabled: true});