具有自定義組件的角度列表項目動畫

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的更改示例。

希望能有所幫助。