如何将Angular动画添加到组件？

Question

我使用的是Angular 4，我有两个组件，一个嵌套组件（父子），简单地想象我的子组件名称是 child ，显然我可以导入我的孩子使用<app-child> HTML元素到其父视图。

我有一个动画，当我添加动画时它不起作用，但当我将动画移动到子组件时，它正在工作。

实施例

此动画无效

<app-child *ngFor="let item of child" [@anim-child-list]></app-child>

当我将动画及其逻辑移动到子组件时，它可以正常工作，这里是child组件：

<li [@anim-child-list]>
{{item.titme}}
</li>

如何使组件（此处<app-child>）具有动画效果？