Javascript 使用ngHide的ngAnimate无法添加';ng隐藏动画';钩类

Javascript 使用ngHide的ngAnimate无法添加';ng隐藏动画';钩类,javascript,css,angularjs,ng-animate,Javascript,Css,Angularjs,Ng Animate,在这种情况下,我希望使用ngHide指令将动画应用于DOM对象: 在本例中,我有一个JSON对象数组: $scope.items = [ {"key": 1, "values": []}, {"key": 2, "values": [21, 22, 23]}, {"key": 3, "values": [31, 32, 33, 34]} ]; 此列表绑定到一个元素,该元素将显示此列表的键。选择其中一项时,值应显示在另一个带有id Details列表的中。这将使用ng

在这种情况下,我希望使用ngHide指令将动画应用于DOM对象:

在本例中,我有一个JSON对象数组:

$scope.items = [
    {"key": 1, "values": []},
    {"key": 2, "values": [21, 22, 23]}, 
    {"key": 3, "values": [31, 32, 33, 34]}
];
此列表绑定到一个
元素,该元素将显示此列表的键。选择其中一项时,值应显示在另一个带有id Details列表的
中。这将使用
ng show=“selectedItem”
语句显示

根据ngAnimate的Angular文档,动画是使用CSS添加的:
#detailsList.ng hide

选择/取消选择第一个没有值的项目时,动画效果很好,但不适用于有值的项目

当检查detailsList元素时,我发现钩子类:
ng hide animate
并没有像文档中描述的那样在动画期间添加


这是一个bug还是我错过了什么???

也许你可以自己写这部动画,特别是为ngRepeat

app.animation('.animation-ng-repeat', function(){
    return {
        leave : function(element, done) {
            element.slideUp({complete: done});
        },
        enter : function(element, done) {
            element.hide();
            setTimeout(function() {
                element.slideDown({complete: done});
            }, 50);
        }
    }
});

然后将它作为CSS类添加到ng repeat中。

这是一个bug,AngularJS团队在1.4.4版中解决了这个问题

检查此Git问题:

您的应用程序依赖项中是否包含ngAnimate模块?angular.module('appName',['ngAnimate'])@OriDrori如果你点击他添加的plunkr,你会看到他确实包含了它。我可怜的老眼睛错过了plunker。我将此提交给angularjs团队,他们报告说这是一个bug。