在angulajs 1.4中是否可以识别ng-option动画?

时间:2017-03-05 20:15:06

标签: javascript angularjs css3 css-animations

我试图将ngAnimate(v1.4)用于ng-option,但我无法在angularjs文档中找到任何有关它的动画事件。有没有人知道ng-option指令动画是否有意识?任何人都可以提供参考链接或示例吗?

我尝试使用angularjs ngAnimate为select2下拉列表添加动画。但是不能这样做。请参阅小提琴https://jsfiddle.net/ashishU/o6ojj9xs/

我不确定要添加动画的ngAnimate事件。它似乎不起作用。

以下是我的代码:

HTML

<div ng-app="testApp">
  <div ng-controller="testCtrl">
    <select class="dd1" ng-model="dropDown1" ng-options="value for value in         dropDownValue1">
  <option value="">{{dropDownName1}}</option>
</select>

JAVASCRIPT

    angular.module("testApp", ["ngAnimate"]).controller("testCtrl",     function($scope) {
  $scope.dropDownName1 = "animateDD1";
  $scope.dropDownValue1 = ['This', 'IS', 'Animation', 'For', 'DD1'];

  $(".dd1").select2();

});

CSS

 @keyframes openDD {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes closeDD {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.dd2.ng-enter {
  animation: openDD 2s;
}

.dd2.ng-leave {
  animation: closeDD 1s;
}

0 个答案:

没有答案