动画角列表时推到对象

Question

嗨需要你们的帮助与NG动画

我有指令的这个模板：

<ul class="col-sm-10"> 
    <li class="animate" ng-repeat="event in vm.dataList track by $index"> 
     <div class="active"> 
     <img class="overview" ng-src="{{event.data1}}"> 
     <div class="enterTime">{{event.data2}}</div> 
     </div> 
    </li> 
</ul> 

我的指令是：（链接功能） - 监听数据变化如果有改变则需要添加到列表中

scope.$watch('data', function(newIsOpenVal, oldIsOpenVal){ 
     var newobj = {}; 

     if(newIsOpenVal != oldIsOpenVal) 
     { 
      newobj = scope.eventData; 
      newobj.buttonStatus = scope.buttonStatus; 
      console.log(newobj); 
      ctrl.dataList.unshift(newobj); 
     } 

     }); 

1. • 余米尝试添加加载动画，直到推的是将完成 我有jQuery代码与动画（），但如何以及在哪里我把它展现装载机，直到名单将更新

   • 试图用NG-动画为进入新的名单，但是这是不工作 带class =“动画”，模块依赖和css 它仍然显示在列表中的项目，而不动画

推后

顺便说一句上简单的按钮动画工作
THX

Answer 1

1. 包括角动画[-min]的.js。
2. 使你的模块依赖于ngAnimate。
3. 使用像.ng-enter和.ng-enter-active这样的类来定义CSS中的转换。

4. 像往常一样使用ng-repeat。

   .animate.ng-enter { -webkit-transition: 1s; transition: 1s; opacity: 0; } .animate.ng-enter-active { opacity: 1; }