angularjs - 根据当前状态向 ui-view 添加一个类

标签 angularjs angular-ui-router

在 AngularJS (1.2.7) 项目中,使用 UI Router (0.2.8),我想将当前状态作为一个类应用于 ui-view 元素,因为这将允许我为特定状态应用动画,例如从登录到开始执行转换 A,从开始到设置执行转换 B。

目前我在 $rootScope 上有 $state 对象(如 mentioned here ,它允许我使用 ng-class="$state.current.name"在主体上添加一个基于状态的类。但是,如果我将其添加到 ui-view 元素,例如

<div ui-view ng-class="$state.current.name"></div>

那么这个类比实际状态落后一步。所以当从“登录”到“开始”时,类将是“登录”而不是“开始”。

最佳答案

我认为这是一个错误,您可以在此处阅读有关该问题的更多信息:

https://github.com/angular-ui/ui-router/issues/866

在修复之前,我建议使用这样的解决方法:

<div ng-class="$state.current.name"><div ui-view></div></div>

关于angularjs - 根据当前状态向 ui-view 添加一个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21308563/

相关文章:

javascript - 在 Braintree 中使用 AngularJS 加密信用卡详细信息

javascript - 在 Angular 上,如何通过模板内的括号表示法访问对象属性?

javascript - 将 ng-model 值动态设置为 AngularJS 中 js 变量的值

javascript - AngularJS - 如何获取状态解析函数内的状态名称以加载 Controller 文件?

javascript - 带有 ui.router 的 AngularJs 如何为其子项设置身份验证

javascript - 脚本如何在页脚库 jquery 和 angularjs 中显示加载时间和内存使用情况网页

javascript - AngularJS - 使用 ui.router

javascript - angularjs - ui.router 兄弟状态

javascript - 嵌套 ng-repeats 内的 Angular ui-sref

javascript - Controller 未加载 ui-router 中的状态