angularjs – 根据状态有条件地设置Angular的ng类

前端之家收集整理的这篇文章主要介绍了angularjs – 根据状态有条件地设置Angular的ng类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想根据应用程序状态(使用AngularUI Router)有条件地设置一个元素的类.我已经尝试了这个,但它不工作:
<li ng-class="{active: $state.current.name === 'state1'}">State 1</li>
<li ng-class="{active: $state.current.name === 'state2'}">State 2</li>

有任何想法吗?

您还可以使用ui-sref-active指令.

当ui路由器状态匹配使用时,将活动的类添加到您的元素

ui-sref-active="active"

见:http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref-active

原文链接:/angularjs/142755.html

猜你在找的Angularjs相关文章