AngularJS 1.x多个命名和嵌套视图针刷新

Question

我尝试使用状态创建多视图页面，并且在更改网址时（例如：studentDetails），只有一个视图发生更改，而其他视图保持不变。

我几乎成功了，但是当转到另一个网址时，我不会宣布或传递空对象的视图不会显示。
这是我到目前为止（通过plunker）：http://plnkr.co/edit/FaVaTMaCZnj3beEaamcL

这是我的应用配置：

app.config( ($stateProvider, $urlRouterProvider) => {

  $urlRouterProvider.otherwise('/');

  $stateProvider
    .state("studentParent", {
        url: "/students",
        controller: "main",
        templateUrl: "templates/mainview.htm"
    })
    .state("studentDrillDown", {
      url: "/studentsDd",
      controller: "main",
      templateUrl: "templates/dd.htm"
    })
    .state("studentParent.students", {
        url: "/",
        views: {
          view1: {
            controller: "main",
            templateUrl: "templates/students.htm",
          },
          view2: {
            controller: "main",
            templateUrl: "templates/students.htm",
          },
          view3: {
            controller: "main",
            templateUrl: "templates/students.htm",
          }
        }
    })
    .state("studentParent.studentDetails", {
        url: "/:id",
        views: {
          view1: {
            controller: "std",
            templateUrl: "templates/studentDetails.htm",
          },
          view2: {
            controller: "std",
            templateUrl: "templates/studentDetails.htm",
          },
          view3: {}
        }
    })
});

非常感谢任何帮助