Angularjs ngAnimate未使用ngRepeat将类添加到图像库

演示：

当您点击左/右箭头时，我正试图使我的图像库具有动画效果。理想情况下，他们会像现在这样工作

我试着这样做：

.gallery-image {

    opacity: 1;

    &.ng-enter {
      transition: transform 0.5s;
      opacity: 0;
    }

    &.ng-enter-active {
      opacity: 0.5;
    }
}

但ngAnimate似乎不想在DOM上向我的元素添加任何类。我的中继器声明如下：

    <img class="gallery-image"
      ng-repeat="image in images | limitTo:3:currentIndex-1" 
      ng-show="$index+currentIndex-1 >= 0 && $index+currentIndex-1 < images.length" 
      ng-src="{{images[$index+currentIndex-1].url}}" />

所以我所做的只是改变我正在查看的当前索引，这会调整图像的可视性

奇怪的是，如果你调整plunk（sm到md，md到lg）的大小，你可以非常清楚地看到图像的动画效果

---

为什么ngAnimate不向我的DOM添加任何类？

除非您实际修改底层数组，否则ngAnimate似乎不会做任何事情。这里的解决方案是保留一个“可见”项的列表，并对其进行修改，而不是基于当前可见的索引