Javascript 如何以angular格式将类名从component.ts传递到html SVG

我使用d3创建图表，每个图表都必须有一个唯一的id

因此，我需要使用类似于：

类名称在component.ts中定义 但这不起作用

当我硬编码值时，它工作，但当我在值中传递类名时，它不工作

class=“{{className}}”

不是在Angular 2+中将数据绑定到模板中的正确方法。打开你的控制台看看你犯了什么错误

您应该阅读以下文档：

使用

应该适合您

检查此项：如果您想通过ngClass和插值了解更多信息。

---

检查此项：了解如何正确使用插值

感谢您的回答，但不幸的是[ngClass]不能与SVG一起使用。它不会加载图像图形，并且在控制台上也不会显示任何错误。@MinaMounir，您使用什么web浏览器？如果需要IE10+支持，可以添加Polyfill以支持SVG上的ngClass。你试过谷歌Chrome吗？它能用吗？我用Chrome和IE进行了测试，但都不能用。我想提到的是，SVG是由d3库生成的，所以我不确定在调用它之前是否应该先编译它。我所知道的只是当我硬编码类名时，它工作，当动态分配时，它不工作