我试图实现动画元素指令重复与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 {
.....
.....
}
my 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'])
我不明白为什么没有人能帮上忙
谢谢你
在我的脚本导入中ionic和angular-animate之间存在冲突。如果应用中使用了ionic,则不需要同时包含angular和angular-animate,但仍然需要在应用中包含该模块。