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

Ron*_*Ron 3 angularjs angular-ui-router

在使用UI路由器(0.2.8)的AngularJS(1.2.7)项目中,我想将当前状态作为类应用于ui-view元素,因为这样我就可以为特定状态应用动画,例如转换从登录到开始,转换B从开始到设置.

目前我在$ rootScope上有$ state对象(如此处所述,它允许我使用ng-class ="$ state.current.name"在主体上添加基于状态的类.但是,如果我添加对于ui-view元素,例如

<div ui-view ng-class="$state.current.name"></div>
Run Code Online (Sandbox Code Playgroud)

然后课程落后于实际状态一步.因此,当从"登录"转到"开始"时,该类将是"登录"而不是"开始".

小智 6

我认为这是一个错误,你可以在这里阅读更多关于这个问题:

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

在它修复之前我建议这样一个解决方法:

<div ng-class="$state.current.name"><div ui-view></div></div>
Run Code Online (Sandbox Code Playgroud)