Javascript 嵌套ng重复动画
我一直在尝试设置元素列表的动画,这些元素被行(父Javascript 嵌套ng重复动画,javascript,angularjs,angularjs-animation,Javascript,Angularjs,Angularjs Animation,我一直在尝试设置元素列表的动画,这些元素被行(父ng repeat)和列(子ng repeat)分割。我已经通过单个ng重复实现了我想要的动画。问题是,当使用嵌套的ng repeats的同一个动画时,动画与我预期的不完全一样。这是我目前正在研究的。如果有人能为我指出正确的方向,我将不胜感激。用于交错的动画范围与动画元素父元素上存储的唯一ID绑定。默认情况下,这是第一次使用时自动生成的。通过为几个不同的元素手动设置相同的值,这些元素中的动画可以交错排列,即使它们具有不同的父元素。请注意,此技术使用
ng repeat
)和列(子ng repeat
)分割。我已经通过单个ng重复
实现了我想要的动画。问题是,当使用嵌套的ng repeats
的同一个动画时,动画与我预期的不完全一样。这是我目前正在研究的。如果有人能为我指出正确的方向,我将不胜感激。用于交错的动画范围与动画元素父元素上存储的唯一ID绑定。默认情况下,这是第一次使用时自动生成的。通过为几个不同的元素手动设置相同的值,这些元素中的动画可以交错排列,即使它们具有不同的父元素。请注意,此技术使用AngularJS动画的内部实现细节,在将来的版本中可能无法使用
以下是覆盖动画范围ID的指令。将其应用于动画元素的父级。()
非常感谢你!当我更改集合时,动画会工作,但为什么在第一次初始化时它不会动画?
.directive('forceAnimationScope', function()
{
return {
restrict: 'A',
link: function(scope, element, attributes) {
element.data('$$ngAnimateKey', attributes.forceAnimationScope);
}
};
});