推送到对象时动画角度列表

Question

您需要有关ng animate的帮助

我有这个指令的模板：

<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的代码与animate（），但我如何以及在哪里显示加载器，直到列表将更新

     1. 尝试使用ng-animate输入新列表，但这不起作用 with class =＆＃34; animate＆＃34; ，模块依赖关系和css 在没有动画推送后仍然显示列表中的项目

btw简单按钮上的动画正在运行
thx

Answer 1

1. 包括angular-animate [-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; }