如何将角度的类名从component.ts传递到html SVG

Question

我正在使用d3创建图表，并且每个图表都必须具有唯一的ID。

所以我需要使用类似的东西：

% ghc so.hs % ./so JSON: {"accountBalance":1000000000,"age":4,"name":"Tom","workPlace":"Galois","surname":"MD"} ----- Database ----- Person {name = "Tom", surname = "MD", workPlace = "Galois", accountBalance = 1000000000, age = 4}

className在component.ts中定义 但这不起作用

当我对值进行硬编码时，它可以工作，但是当我在值中传递类名时，它不起作用

Answer 1

class="{{className}}"不是将数据绑定到Angular 2 +中的模板的正确方法。并打开您的控制台以查看您遇到了什么错误。

您应该阅读Angular Document：https://angular.io/api/common/NgClass。

使用<svg [ngClass]="className"></svg>应该适合您。

请检查：Angular 2 add value to ngClass with interpolation，如果您想了解更多有关ngClass和内插的信息。 检查以下内容：https://angular.io/guide/displaying-data以了解如何正确使用插值。