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 {
    .....


    .....
}

我的标题：

<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

我的脚本导入在离子和角度动画之间存在冲突。如果在应用程序中使用离子，则无需既不包含角度也不包含角度动画，但仍需要在应用程序中包含该模块。

动画不能在指令元素重复（ng-repeat）角度1.4上工作

1 个答案: