如何在返回时保持其嵌套子状态,而不是使用ui-router转到其父级？

我使用ui-router创建了标签,其中一些标签有子/孙子状态.我怎样才能让标签视图记住它的历史记录,也就是说,在返回时返回其先前使用的状态.我创建了一个CODEPEN来证明这一点.

1)用户进入选项卡

2)用户进入该选项卡的嵌套视图

3)用户进入另一个标签视图

4)如果用户返回第一个选项卡,他们将进入选项卡的父视图.我怎样才能让他们回到该标签的子视图(见#2)？

JS

    .state('sidemenu.parent.child1', {
      url: "/child1",
      views: {
        'shared-child-view' :{
          templateUrl: "child1.html"
        }
      }
    })
       .state('sidemenu.parent.child2', {
      url: "/child2",
      views: {
   'shared-child-view': {
     templateUrl: "child2.html"
   }
    }
    })
  .state('sidemenu.parent.grandchild1', {
     url: "/grandchild1",
      views: {
   'shared-child-view': {
     templateUrl: "grandchild1.html"
   }
    }
    })

HTML

     

     
           Child1
     


      
          Child2
       

  ...............

     

我在这个codepen中进行了一些小的更新,它现在显示了它的当前状态.