Angular group()用法

[deepthan]

group ： 组

function group(
            steps: AnimationMetadata[],
            options: AnimationOptions | null = null
         ): AnimationGroupMetadata;

• steps : 动画步骤数据
  它可以由样式或动画函数调用组成。在一个组中，每个样式或动画函数的调用都会立即同时执行，当然你可以使用关键帧或者动画的延迟函数来延迟执行动画。
• options: 参见 AnimationOptions

group([
  animate("1s", { background: "black" }))
  animate("2s", { color: "white" }))
])

什么是组呢？

组是一个并行运行的动画步骤列表。当存在很多样式在不同时间段开始或结束动画，我们需要对它统一进行管理的时候作用非常明显。利用组我们可以轻易控制它们同时开始动画或者同时结束动画。
group函数既可以在序列(sequence)中使用，也可以在转换(transition)中使用，它只会在所有内部动画步骤完成后继续执行下一条指令。

group官网介绍