ng-move在Angular 1.2.28中没有按预期工作

时间:2014-12-16 14:11:27

标签: angularjs ng-animate

我希望在ng-repeat中顺利使用元素。 我有这个代码,但它导致2个奇怪的行为:

  1. 元素只是垂直向下动画
  2. 如果我在CSS转换的间隔内(即连续2次快速更改后)更改了model.countryData,则元素只是动画。
  3. ng-repeat

    <div ng-repeat="country in model.countryData" class="repeat-animation" ng-style="{ 'top' : yPos($index) }" style="position: absolute; left: 0px;">
     {{ country.name }}
    </div>
    

    CSS

    .repeat-animation.ng-enter,
    .repeat-animation.ng-leave,
    .repeat-animation.ng-move {
      -webkit-transition: all linear 2s;
      -moz-transition: all linear 2s;
      -o-transition: all linear 2s;
      transition: all linear 2s;
    }
    

    我怀疑这可能与我如何使用角度动画和/或错误的CSS语法对基础数据和/或版本问题进行排序有关?

    所有帮助表示赞赏!

0 个答案:

没有答案