ngAnimate不加纳克输入/ NG-离开的UI视图中的类 [英] ngAnimate not adding ng-enter/ng-leave classes inside ui-view

问题描述

我一直都在网上试图把问题弄清楚我的问题。我似乎无法弄清楚到底是怎么回事。我们的应用是巨大的，所以我真的不能张贴code太糟了。我只是需要一些指导，我一直在谷歌上搜索同样的东西好几个小时。

ngAnimate不加入了NG-输入/ NG-离开等类，当我添加新的数据到我的对象。

请问ngAnimate采取同样当你实际添加/删除数据的对象呢，还是仅仅当你通过数据筛选工作？

我们正在使用的用户界面的路由器，而身体是UI的观点 - 确实，当我们与UI视图内ngAnimate采取同样

？

简要概述（玉） - 显然是有很多code在我们的应用程序：

 体（UI视图）
  脚本（SRC =/ main.js'）
   DIV（NG-控制器=控制器）
     div.contain
       div.animate（NG-重复=中的项项）
         {{项目名}}
 

版本：

 依赖：{
角度：1.3.15，
角动画：最新
角运动：〜0.4.2
角UI路由器：〜0.2.13
...
 

我甚至从用没有运气与将ngAnimate类工作plunkrs plunker复制脚本直

这不是一个CSS的问题​​，因为我甚至不看在检查被添加的类。

有一定的版本，我需要使用？一定的顺序，这些需要在加载？可能是一些禁止ngAnimate模块一起？

感谢你这么多提前的任何建议。

编辑 - 我开始认为这是一个或多个我们的组件的之间的不兼容问题 - 任何人有任何想法

下面是我们bower.json文件

 依赖：{
   角度：1.3.15，
   角动画：1.4.3，
   角运动：〜0.4.2
   角UI路由器：〜0.2.13
   角饼干：1.3.10
   角时刻：最新
   lodash：最新
   角脸谱：最新
   角自举：0.12.0
   角媒体查询：〜0.3.0
   角slugify：最新
   角本地存储：〜0.1.5
   角资源：1.3.10
   角的sanitize：〜1.3.10
   角接触：〜1.3.10
   角金：最新
   角选择-平台Localytics：〜1.0.7，
   角lodash：〜0.1.2，
   角滑头：〜0.1.18
   角UI的选择：〜0.9.6
   角socialshare：〜0.0.6，
   angulartics：〜0.17.2，
   角ladda：最新
   ladda：./vendor/ladda，
   角手势：〜0.3.0
   ryanmullins角锤：2.1.10〜，
   角引导-的DateTimePicker：〜0.3.8
   angular- pretty，可勾选：〜0.1.5
   角装吧：〜0.7.0
   ngImgCrop：./vendor/ngImgCrop，
   角谷歌 - 地方 - 自动完成：〜0.2.5
   NG-plangular：./vendor/ng-plangular
   角定时器：./vendor/angular-timer
   离线：〜0.7.11
   角摇摆：*，
   角带：〜2.3.1
   angulike：〜1.2.0，
   角summernote：〜0.4.0，
   CKEditor的：〜4.5.1
   NG-CKEditor的：〜0.2.1
   角文件上传：〜2.1.1
   NG-排序：〜1.3.0
 }，
 devDependencies：{}，
 决议：{
   角度：1.3.15
 }
 

解决方案

在我来说，我不得不降级角动画到1.3版本，并开始工作。

I have been all over the web trying to figure out the issue to my problem. I can't seem to figure out what is going on. Our application is massive so I can't really post code which sucks. I just need some direction, I've been googling the same stuff for hours.

ngAnimate is not adding the ng-enter / ng-leave etc. classes when I am adding new data to my object.

Does ngAnimate act the same when you are actually adding/removing data to an object, or does it only work when you are filtering through data?

We are using ui-router, and the body is the ui-view - does ngAnimate act the same when we are inside the ui-view?

Brief Overview (jade) - obviously there is a lot more code in our app:

body(ui-view)
  script(src='/main.js')
   div(ng-controller="Controller")    
     div.contain
       div.animate(ng-repeat="item in items")
         {{item.name}}

Versions:

"dependencies": {
"angular": "1.3.15",
"angular-animate": "latest",
"angular-motion": "~0.4.2",
"angular-ui-router": "~0.2.13",
...

I've even copied scripts straight in from plunker that were working plunkrs with no luck with adding the ngAnimate classes.

It's not a CSS issue because I don't even see the classes being added in the inspector.

Is there a certain version I need to be using? Certain order these need to be loaded in? Could something be disabling the ngAnimate module all together?

Thank you so much in advance for any advice.

EDIT -- I'm beginning to think it is an incompatibility issue between one or more of our components - anybody have any ideas?

Here is our bower.json file

"dependencies": {
   "angular": "1.3.15",
   "angular-animate": "1.4.3",
   "angular-motion": "~0.4.2",
   "angular-ui-router": "~0.2.13",
   "angular-cookies": "1.3.10",
   "angular-moment": "latest",
   "lodash": "latest",
   "angular-facebook": "latest",
   "angular-bootstrap": "0.12.0",
   "angular-media-queries": "~0.3.0",
   "angular-slugify": "latest",
   "angular-local-storage": "~0.1.5",
   "angular-resource": "1.3.10",
   "angular-sanitize": "~1.3.10",
   "angular-touch": "~1.3.10",
   "angular-payments": "latest",
   "angular-chosen-localytics": "~1.0.7",
   "angular-lodash": "~0.1.2",
   "angular-slick": "~0.1.18",
   "angular-ui-select": "~0.9.6",
   "angular-socialshare": "~0.0.6",
   "angulartics": "~0.17.2",
   "angular-ladda": "latest",
   "ladda": "./vendor/ladda",
   "angular-gestures": "~0.3.0",
   "ryanmullins-angular-hammer": "~2.1.10",
   "angular-bootstrap-datetimepicker": "~0.3.8",
   "angular-pretty-checkable": "~0.1.5",
   "angular-loading-bar": "~0.7.0",
   "ngImgCrop": "./vendor/ngImgCrop",
   "angular-google-places-autocomplete": "~0.2.5",
   "ng-plangular": "./vendor/ng-plangular",
   "angular-timer": "./vendor/angular-timer",
   "offline": "~0.7.11",
   "angular-swing": "*",
   "angular-strap": "~2.3.1",
   "angulike": "~1.2.0",
   "angular-summernote": "~0.4.0",
   "ckeditor": "~4.5.1",
   "ng-ckeditor": "~0.2.1",
   "angular-file-upload": "~2.1.1",
   "ng-sortable": "~1.3.0"
 },
 "devDependencies": {},
 "resolutions": {
   "angular": "1.3.15"
 }

解决方案

In my case I had to downgrade angular-animate to version 1.3 and it started working.

这篇关于ngAnimate不加纳克输入/ NG-离开的UI视图中的类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！