ngAnimate不在ui-view中添加ng-enter/ng-leave類

我一直在網絡上試圖找出問題所在。我似乎無法弄清楚發生了什麼事。我們的應用程序非常龐大，所以我不能真正發佈代碼。我只需要一些指導，我一直在Google上搜索幾個小時。ngAnimate不在ui-view中添加ng-enter/ng-leave類

當我向對象添加新數據時，ngAnimate不會添加ng-enter/ng-leave等類。

在實際向對象中添加/刪除數據時，ngAnimate的作用是否相同，還是隻在您通過數據進行篩選時才起作用？

我們使用ui路由器，身體是ui視圖 - 當我們在ui視圖中時，ngAnimate的行爲是否一樣？

概要（玉） - 顯然，在我們的應用程序有更多的代碼：

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

版本：

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

這是工作，我甚至plunker複製腳本直plunkrs與添加ngAnimate類沒有運氣。

這不是CSS問題，因爲我甚至沒有看到在檢查器中添加的類。

是否有我需要使用的某個版本？這些需要加載的訂單？是否可以一起禁用ngAnimate模塊？

非常感謝您的任何建議。

編輯 - 我開始認爲這是我們的一個或多個組件之間的不兼容問題 - 任何人有任何想法？

這是我們bower.json文件

"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" 
}

來源

2015-08-23 stillfire

在[plunker]（http://plnkr.co/edit/?p=catalogue）中提供了一個演示，用於複製問題 – charlietfl

在我的情況下，我不得不將角動畫降級到版本1.3，並開始工作。

來源

2015-09-15 00:29:53 stillfire

我有同樣的問題，排序的。它可能與定義一個轉換時間和的動畫在同一個元素上的時間不同。例如：

.my-div {transition: .1s}

，然後在其他地方：

.my-div {animation: slideIn .7s}

我發現，過渡時間取代了動畫......這可能是由於規則的特異性水平。在短暫的轉換時間內，ng-animate類似乎不適用。

來源

2015-08-31 16:05:44 Jase

感謝您的回答。我開始認爲它是組件之間的兼容性問題。我會更新我的帖子。 – stillfire

另一件要檢查的是你的動畫元素是在相關的角度應用程序內。我有同樣的問題，並跟蹤它的添加動畫元素作爲文檔正文，其中ngApp因素是說動畫元素的兄弟姐妹，類似這樣的直接孩子：

<body> 
    <div id="elementToBeAnimated"></div> 
    ... 
    <div id="mainApp" ng-app="foo"></div> 
</body>

的#elementToBeAnimated div由第三方庫添加 - 更改其容器div在#mainApp內解決了問題。

來源

2015-09-29 20:49:02 tbm

ngAnimate不在ui-view中添加ng-enter/ng-leave類

回答

相關問題