Angular UI路由器不动画状态?

时间:2015-08-30 03:13:16

标签: javascript angularjs angular-ui-router

Angular 1.3.15和UI路由器0.2.15存在一个主要问题,它们不能动态我的状态更改或其他任何内容。我不确定发生了什么。我将我的CSS简化为只是动画进出,但它似乎甚至没有将ng-scope类应用于元素。我无法重新创建它,因为它似乎适用于我尝试过的每一个傻瓜,但在我看来它并没有应用这些方法或任何东西。

这是我的DOM没有类的图像。

enter image description here

我也在努力思考还有什么问题。 Angular和Angular Animate属于同一版本,正在注入模块。我改变状态就好了,但是动画并没有起作用。如果有其他人遇到过这方面的问题,请告诉我,这是我正在测试所有内容的傻瓜。

http://plnkr.co/edit/WV1JksXCBRl7wG6p00ZS?p=preview

这是我的CSS,超级基本和干燥。

.view {
    position: relative;
}

.view.ng-enter {
    opacity: 1;
}

.view.ng-leave {
    opacity: 0;
}

只是旁注,data-属性来自我的gulp插件,除了index.html之外,我基本上都在使用Javascript模板。一切都有帮助!

编辑: 这是路线变化时发生的事情的GIF https://gyazo.com/e82d58fa12f30eb93bc9dbd33a5fce9d

0 个答案:

没有答案