点击ul li中的仪表板show li active上的任何ui-sref

Question

我正在尝试创建一个仪表板，其中仪表板是抽象状态，而子仪表板是仪表板的下一个子状态。

此处查看用户转到状态dashboard.tables的详细信息。但问题是，html元素li没有打开/变为活动状态。

虽然状态已更改，但该特定元素未在数据表

下生效

在上图中，我手动打开以说明我的查询。 即点击/更改任何状态应该在侧边菜单中激活并显示为活动状态。任何帮助都会很棒

这是我的代码，

<li class="has_sub">
<a href="" class="waves-effect waves-light"><i class="md md-view-list"></i><span> Data Tables </span><span class="pull-right"><i class="md md-add"></i></span></a>
        <ul class="list-unstyled">
          <li ui-sref-active='{"active": "dashboard" }' ><a ui-sref="dashboard.tables">Tables</a></li>
        </ul>
      </li>

这是我的路线

  r.state("dashboard",{abstract:"true",templateUrl:"partials/dashboard.html"})
  r.state("dashboard.subdashboard",{url:"/dashboard",templateUrl:"partials/subdashboard.html"})
  r.state("dashboard.tables",{url:"/tables",templateUrl:"partials/tables.html"});

正如路易阿尔梅达所说，我写过，但因为它不会工作我删除它。 还有ng-class我已经测试但没有用过

Answer 1

你可以尝试：

<li ui-sref-active='{"active": ".dashboard" }' ><a ui-sref="dashboard.tables">Tables</a></li>