在數據陣列上使用ngAnimate

Question

我已經制作了一個基本的傳送帶，並且想要在進入和離開數組中的每個索引時使用ng-animate來設置動畫。 Carousel.Data中的模板將很快包含html數據。我想知道什麼是在數組中傳遞html的最佳方式，所以用戶可以點擊next，然後出現下一個html模板。

我已經NG-動畫加載具有角1.21版本的DOM，但我得到一個錯誤，當我嘗試注入扶養

var App = angular.module('App', ['ngAnimate']); 

這是我到目前爲止有： -

http://codepen.io/anon/pen/wajRog 

任何幫助，將不勝感激

Answer 1

這是很難CodePen告訴不過可以肯定的是angular.min.js之前加載angular-animate.js。確保順序如下：

1. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular.min.js
2. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular-animate.js
3. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular-touch.js

您可以通過點擊漢堡包圖標附近的每個資源和點擊/拖動重新排列代碼筆資源頂端。例如，如果我以https://docs.angularjs.org/api/ngAnimate爲例，並打開錨點進行錨定。如果您將angular-animate cdn腳本標記移動到angular.min.js上方，則會導致注入錯誤。

讓我知道這是否有效。