我有一个使用ui-router和ngAnimate的模块化角度应用程序。在对我的表单的父视图进行一些更改之后,我遇到了一个问题,即添加类不会触发角度动画。
通过查看元素我可以看到正在应用类'animate',但是应该由ngAnimate模块添加的类'ng-animate'没有被应用,因此动画不会被触发。由于我没有对此模块进行任何修改,也没有任何控制台错误,因此我无法调试此问题。其他视图的动画效果很好,唯一的问题是这个特定视图中的动画。
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script>
angular.module('app',[
'ui.router',
'ngAnimate',
'ngDragDrop',
// other views
'app.myView',
'app.otherView
]);
angular.module('app.myView').animation('showSomething',function(){
return {
addClass:function(element,className){
console.log(className);
}
}
});
</script>
<div class="showSomething" ng-class="{'animate':condition}">
<button ng-click="condition = true">Animate</button>
</div>