角度绑定动画动态触发到html元素

Question

我在使用外部组件的Angular 7应用程序上工作。现在，我想在运行时将现有的动画触发器绑定到html元素。 我通过使用Renderer2设置html元素的属性来尝试此操作：

Face *f  = [[Face alloc] init];
f.text = @"trying";
f.eyes.color = @"Blue";
f.eyes.size = 0.4f;
NSLog(@"%@ - %@ - %@ ", f.text, f.eyes.color, f.eyes.size);

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

不幸的是，由于属性中的@字符，出现以下错误：

  

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

还有其他解决方案可以将动画触发器动态绑定到html元素吗？

Answer 1

使用带有动画的css类实现解决方案，并使用Rendere2动态绑定类。