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

Question

在 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>

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

Answer 1

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

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

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

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