28、Angular高级特性与导航服务详解

Angular高级特性与导航服务详解

1. 并行和子动画

在Angular中，过渡函数里列出的动画步骤是按顺序执行的。若要并行执行动画步骤，需将其放在 group 函数调用中，如下所示：

group([step1, step2, step3,....])

如果要并行执行的动画过程由多个顺序步骤组成，嵌套在 group 函数中的顺序步骤必须用 sequence 函数进行分组：

group([sequence(seq1, seq2, ...), par2, par2, ...])

group 函数在对单个HTML元素进行动画处理时用处不大，因为在这种情况下，所有要并行动画的属性都可以放在唯一的样式对象中，无需使用 group 函数。 group 函数通常与 query 函数一起使用， query 函数可对应用动画的元素的后代元素进行动画处理。

query 函数的第一个参数用于选择要动画的后代元素，它是一个包含CSS选择器的字符串，并带有以下Angular特定的选择原语：
- :leave 和 :enter 伪类分别选择