为ng-animate滑动动画,ng-repeat不起作用但ng-repeat更新

时间:2016-06-08 00:26:20

标签: javascript css angularjs animation ng-animate

考虑以下plunker example

我想在ng-repeat

上放置ng-click元素

我可以看到ng-click正在更新模型,但由于某种原因动画不适用。

这是css文件

.slide-left {
    -webkit-transition: -webkit-transform 1.4s ease-in-out;
    -moz-transition: -moz-transform 1.4s ease-in-out;
    transition: transform 1.4s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);    
}

.slide-left.ng-enter {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); 
}

.slide-left.ng-enter.ng-enter-active {
  position: absolute;
  -webkit-transform: translateX(0);
  transform: translateX(0); 
}

.slide-left.ng-leave {
  position: absolute;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.slide-left.ng-leave.ng-leave-active {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);

}

我确认单击左箭头时会应用slide-left

有人能给我一个暗示吗?

由于

0 个答案:

没有答案