Question

将类添加到使用ui-sref="state1"的链接的最佳方法是什么？我的问题是我的菜单在ui-view之外。

<ul>
    <li>
        <a data-ng-class="{active: active=='dash'}" data-ui-sref="dash">Dashboard</a>
    </li>
    <li>
        <a data-ui-sref="reports">Reports</a>
    </li>
</ul>
<div data-ui-view="main"></div>

我正在尝试突出显示活动链接但不太确定在这种情况下最好的方法是什么？

Answer 1

您可以使用ui-sref-active指令执行此操作：

<ul>
    <li>
        <a ui-sref-active="active" data-ui-sref="dash">Dashboard</a>
    </li>
    <li>
        <a data-ui-sref="reports">Reports</a>
    </li>
</ul>
<div data-ui-view="main"></div>

Answer 2

function myFunction() {
  $("[ui-sref='state1']").addClass('newClass');
}
$(document).ready(myFunction);

.newClass{
  color:red;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<ul>
    <li>
        <a data-ng-class="{active: active=='dash'}" data-ui-sref="dash">Dashboard</a>
    </li>
    <li>
        <a data-ui-sref="reports" ui-sref='state1'>Reports</a>
    </li>
</ul>
<div data-ui-view="main"></div>

添加类与ui-sref链接的最佳方法是什么？

2 个答案: