具有自定义组件的角度列表项目动画

Question

我是新来的角度和角度动画，我想了解一些东西。

我在项目列表上（进入/离开时）创建了动画。 对于每个项目，我使用一个自定义组件。 为了使动画正常工作，我必须将组件包装在div中。

https://stackblitz.com/edit/angular-animation-question-with-component?file=src%2Fapp%2Fhello.component.html

有限制吗？ 或者我可以做些什么使动画与自定义组件的“主” div一起使用？

Answer 1

您只需要将display: block设置为box组件宿主元素，就可以在CSS中执行以下操作：

:host {
  display: block
}

这是关于stackblitz的更改示例。

希望能有所帮助。