angularjs - 根据状态有条件地设置 Angular 的 ng-class

Question

我想根据应用程序状态有条件地设置元素的类(使用 AngularUI 路由器)。我试过这个，但它不起作用:

<li ng-class="{active: $state.current.name === 'state1'}">State 1</li>
<li ng-class="{active: $state.current.name === 'state2'}">State 2</li>

有任何想法吗？

Answer 1

您也可以使用 ui-sref-active指令。

添加类(class) active当 ui-router 状态匹配时到您的元素使用

ui-sref-active="active"

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