使用Angular.js的ui-router时出现问题

Question

使用Angular.js Ui-router时遇到了一些问题。首先让我解释下面的代码。

<ul class="nav navbar-nav">
<li ui-sref-active="active" ><a ui-sref=".profile">College Profile</a></li>
<li ui-sref-active="active" ><a ui-sref=".stream">College stream</a></li>
<li ui-sref-active="active"><a ui-sref=".dept" >College Department</a></li>
<li class="dropdown " ui-sref-active="active">
<a ui-sref=".res.userrole" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resource Management <span class="caret"></span></a>

  </li>
   <li ui-sref-active="active"><a ui-sref=".usermanagement">User Management</a></li>
  <li ui-sref-active="active"><a ui-sref=".role">User Role</a></li>
</ul>

当用户点击Resource Management菜单时，下面的页面正在打开。

<div class="container">
<tabset>
    <tab ui-sref="dashboard.res.userrole" ui-sref-active="active">
      <tab-heading>Add User Role</tab-heading>
    </tab>
    <tab ui-sref="dashboard.res.course" ui-sref-active="active">
      <tab-heading>Add Course</tab-heading>
    </tab>
  </tabset>
  <div ui-view></div>
</div> 

我需要用户选择Add course标签主菜单Resource Management将是hignlight / active。在这种情况下，只有当用户点击Add User Role标签时它才有效。请检查我的下面的路线文件。

.state('dashboard.res', {
        url: '/res',
        templateUrl: 'dashboardview/res.html',
        controller: 'resController'
    })
    .state('dashboard.res.userrole', {
        url: '/userrole',
        templateUrl: 'dashboardview/userrole.html',
        controller: 'resourceuserroleController'
    })
    .state('dashboard.res.course', {
        url: '/course',
        templateUrl: 'dashboardview/course.html',
        controller: 'resourcecourseController'
    })

这里我还有另一个问题。假设用户正在刷新停留在任何选项卡上的页面选择，两个选项卡都会突出显示。实际上我需要添加用户角色tab will select the parent menu will be highlight and same for添加课程`我正在关注this plunkr link但在我的情况下，它不按要求工作。请帮我解决这个问题。