Angular 动画副作用

Question

动画的 query() "is used to find one or more inner elements within the current element that is being animated" 根据文档。有没有办法为兄弟元素或外部元素设置动画？我想在动画开始之前隐藏另一个元素，为对象设置动画，然后再次显示另一个元素：

transition('void => someState', sequence([
    query(':self ~ @siblingElement',
        animate('300ms ease-in-out', style({
            opacity: '0'
        })), { optional: true }),
    style({
        opacity: '0',
        transform: 'rotateX(90deg)'
    }),
    query(':self', stagger('100ms', animate('200ms ease-in-out'))),
    query(':self ~ @siblingElement',
        animate('300ms 3s ease-in-out', style('*')), { optional: true }),
]))

我尝试了 CSS 兄弟选择器 ~ 和 +，但它们不起作用。

Answer 1

恐怕不会。您必须将动画向上移动一级。

Angular 动画副作用

Angular Animation Side Effect

angular

angular-animations