Javascript 将活动类添加到处于子状态的元素

我正在AngularJS应用程序中使用

ui路由器

。我有两个州，其中一个是儿童

.state('patents', {
    url: '/patents',
    component: 'patents'
})
.state('patents.patent', {
    url: '/{patentId}',
    component: 'patent'
})

在父状态（

patents

）中，我有一个表，表中有一列带有动态按钮，其中一些按钮将用户指向单独的状态，但需要将用户指向选项卡内容，该选项卡内容在子状态

patents.patents

中位于

ul

第三位

//Child state

<div class="view-tabs">
    <ul class="nav view-pills">
        <li ng-click="activeSelectedTab = 0; $ctrl.activePatentItemMenu = 'Patent Info'" ng-class="{active : $ctrl.activePatentItemMenu === 'Patent Info'}">Patent Info</li>
        <li ng-click="activeSelectedTab = 1; $ctrl.activePatentItemMenu = 'Cost Analysis'" ng-class="{active : $ctrl.activePatentItemMenu === 'Cost Analysis'}">Cost Analysis</li>
        <li ng-click="activeSelectedTab = 2; $ctrl.activePatentItemMenu = 'Renewal History'" ng-class="{active : $ctrl.activePatentItemMenu === 'Renewal History'}">Renewal History</li>
    </ul>
</div>

<uib-tabset type="pills" active="activeSelectedTab">
//ALL TAB CONTENT WHICH IS DISPLAY APPROPRIATELY
</uib-tabset>

//子状态

专利信息
成本分析
更新历史记录

//适当显示的所有选项卡内容

在控制器中，

activePatentItemMenu

被设置为

Patent Info

，因此第一个

li

项及其内容是任何人看到的第一个内容，这是默认设置。我需要将

active

类设置为第三个

li

项

续订历史记录

，前提是用户单击表中标记为

续订历史记录的指定按钮

问题

<如何在子状态下将<代码>活动< /代码>状态设置为第三代码> LI>代码>项，仅当在父状态中单击特定按钮时？
 < P>应考虑使用UI SREF和UI SREF活动< /P>
<ul class="nav view-pills">
  <li ui-sref-active="active">
    <a ui-sref="patents.patent({patentId: 'Patent Info'})">Patent Info</a>
  </li>
  ...
</ul>



专利信息

...


然后在您的控制器中使用Stase.PARAMS查找活动的UIB表集
 < P>您应该考虑使用UI SREF和UI SREF活动< /P>
<ul class="nav view-pills">
  <li ui-sref-active="active">
    <a ui-sref="patents.patent({patentId: 'Patent Info'})">Patent Info</a>
  </li>
  ...
</ul>



专利信息

...


然后在控制器中使用state.params查找活动的uib选项卡集