首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >添加类到链接的最佳方法?

添加类到链接的最佳方法?
EN

Stack Overflow用户
提问于 2015-01-26 06:24:44
回答 2查看 480关注 0票数 0

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

代码语言:javascript
复制
<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>

我试图突出显示活动链接,但不太确定在这个场景中最好的方法是什么?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-01-26 06:31:32

您可以使用ui-sref-active指令来做到这一点:

代码语言:javascript
复制
<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>
票数 4
EN

Stack Overflow用户

发布于 2015-01-26 06:37:41

代码语言:javascript
复制
function myFunction() {
  $("[ui-sref='state1']").addClass('newClass');
}
$(document).ready(myFunction);
代码语言:javascript
复制
.newClass{
  color:red;
  }
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28145555

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档