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