анимация углового связывания активируется динамически в элемент HTML

Question

Я работаю над приложением Angular 7, которое использует внешние компоненты.Теперь я хочу связать существующий анимационный триггер с элементом html во время выполнения.Я попытался это сделать, установив атрибут элемента html с помощью Renderer2:

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

(this.miniMap.getContainer () возвращает HTMLElement).

К сожалению, я получаю следующую ошибку из-засимвол @ в атрибуте:

DOMException: «Строка содержит недопустимый символ»

Есть ли какое-либо другое решение для динамического связывания триггера анимации с элементом html?

Answer 1

реализовал решение, используя класс css с анимацией, динамически связывая класс с помощью Rendere2