ngAnimate未触发

时间:2015-06-03 11:31:43

标签: javascript angularjs angular-ui-router ng-animate

我有一个使用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>

0 个答案:

没有答案