我正在使用 AnimationBuilder 和 AnimationPlayer 使用 query 函数为子元素设置动画
但是，当我在查询中使用 :enter 时，它会停止工作
private createAnimation(animation): AnimationFactory {
return this.animationBuilder.build([
query(
// '.child-element', // This works
':enter .child-element', // This does not work !
[
stagger(100, [useAnimation(animation)])
]
)
]);
}
错误错误：由于以下错误而无法创建动画：query（“：enter .child-element”）返回零元素 . （如果您希望允许，请使用查询（“：输入.child-element”，{optional：true}） . ）
我理解错误是因为在调用 createAnimation 函数时没有呈现元素但是如何在子元素 :enter 事件上应用动画？
如果我使用传统的Angular动画方式，上面的代码就可以工作，但我需要在运行时动态完成
1 回答
query(:enter)和:leave被破坏使用此链接知道如何正确使用过渡Angular 4 Animation won't trigger on route change