角度綁定動畫動態觸發到html元素

Question

我在使用外部組件的Angular 7應用程序上工作。 現在，我想在運行時將現有的動畫觸發器綁定到html元素。 我通過使用Renderer2設置html元素的屬性來嘗試此操作：

this.renderer.setAttribute(this.miniMap.getContainer(), '[@slideInOutLeftTop]', 'sidebarLeftTopState');

（this.miniMap.getContainer（）返回HTMLElement）。

不幸的是，由於屬性中的@字符，出現以下錯誤：

DOMException：“字符串包含無效字符”

還有其他解決方案可將動畫觸發器動態綁定到html元素嗎？

Answer 1

使用帶有動畫的CSS類實現了一個解決方案，並使用Rendere2動態綁定了一個類