动画不适用于重复的指令元素 (ng-repeat) angular 1.4

Question

我正在尝试在使用 ng repeat 重复的元素指令上实现动画：

<ven-activity class="animate" ng-click="selectActivity($index)"activite="activite" ng-repeat="activite in data.activites | filter :{hide:true}"></ven-activity>

我已经遵循了很多教程或指南，但直到现在它都没有奏效。这是我的 css :

.animate { 
   ...
   ...
} 

.animate.ng-leave.ng-leave-active,
.animate.ng-enter {
    ...
    ...
}        

.animate.ng-enter.ng-enter-active,
.animate.ng-leave {
    .....


    .....
}

我的 headers :

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="css/style.css" rel="stylesheet">

    <!-- ionic/angularjs js -->


    <script src="lib/angular-animate/angular-animate.js"></script>

    <!-- your app's js -->
    <script src="js/app.js"></script>

    <script src="js/Controllers/venActivityCtrl.js"></script>

    <script src="js/Directives/venActivity.js"></script>

  </head>

我的主要模块：

angular.module('starter', ['ionic','ionic-material','ngAnimate'])

如果有人能帮忙，我不明白为什么它不起作用

谢谢你:)

Answer 1

ionic 和 angular-animate 之间的脚本导入存在冲突。如果 ionic 在应用程序中使用，则无需包含 angular 和 angular-animate，但仍需要在应用程序中包含模块。

动画不适用于重复的指令元素 (ng-repeat) angular 1.4

Animation doesn't work on directive element repeated (ng-repeat) angular 1.4

angularjs

animation

angularjs-ng-repeat

directive