Javascript 使用ngHide的ngAnimate无法添加';ng隐藏动画';钩类
在这种情况下,我希望使用ngHide指令将动画应用于DOM对象: 在本例中,我有一个JSON对象数组: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
$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。