angular - 将 Angular 动画应用于生成的树节点

Question

我正在使用一个树库（这个），我想动画打开和关闭每个树节点。我尝试将动画应用到树父节点，如下所示：

<tree-root @treeAnimation [nodes]="omnitable" [options]="options">></tree-root>

但我不工作。我不知道如何递归地应用@treeAnimation到每个树节点。

这是动画：

trigger('treeAnimation', [
      transition(':enter', [
        style({ transform: 'translateX(100%)', opacity: 0 }),
        animate(
          '0.3s 0.3s ease-out',
          style({ transform: 'translateX(0)', opacity: 1 })
        ),
      ]),
      transition(':leave', [
        style({ transform: 'translateX(0)', opacity: 1 }),
        animate(
          '0.3s ease-in',
          style({ transform: 'translateX(100%)', opacity: 0 })
        ),
      ]),
    ])

是否有任何角度原生方式将动画应用于每个子组件，或者我应该使用 CSS 过渡？