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

发布时间：2020-12-17 07:40:34 所属栏目：安全来源：网络整理

导读：我想根据应用程序状态(使用AngularUI Router)有条件地设置一个元素的类.我已经尝试了这个,但它不工作： li ng-class="{active: $state.current.name === 'state1'}"State 1/lili ng-class="{active: $state.current.name === 'state2'}"State 2/li 有任何想

我想根据应用程序状态(使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!