我试图将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;
}