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

Question

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

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

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

这是一个限制吗？或者我可以做一些事情来使动画与自定义组件的"主"div一起使用吗？

Answer 1

你只需要display: block你的盒子组件主机元素，你可以在css中做到这一点，就像

：

:host {
  display: block
}

这是堆栈闪电战的更改示例。

希望有帮助。