在ng-repeat中使用多个命名视图

Question

我正在使用带有ui-router的angularjs，需要一个仪表板模式。

我有一个菜单，我想打开一个小部件，点击这个按钮及其内容，当我点击第二个按钮时，另一个小部件的内容应该加载而不会打扰第一个。

我的想法就是这个。

路由

    $stateProvider
        .state("dashboard", {
             abstract:true,
            url: "/",
                 templateUrl:partialDir+"dashbord.html",
                 controller:"dashboardCtrl"
               })
        .state("dashboard.home",{
            url:"home",
                views:{
                'teacher':{
                       //teacher's partial and controller alongwith further     child routes
                    },
                'Student':{
                        //student's partial and controller alongwith further child routes
                    },
   //same for employee
                }
            });
})

DashboardCtrl

它管理一个针对点击事件的数组。单击菜单中的老师将发送视图=＆＃34;老师＆＃34; 这个数组正确地针对每次点击生成，但我想要这样的东西....

     <ul ng-repeat="view in views|unique:'name'">
     <li><ui-view="{{view.name}}"></ui-view></li>
     </ul>

无效。

InShort我想要显示多个命名视图但不能一次显示.wanna会针对每个小部件的单独范围显示单击事件。

我想我已经清除了应用程序的结构，任何人都会帮忙告诉我为什么这些命名的视图不能正常工作。我做错了什么？