如何将角度从component.ts传递给html SVG

Question

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

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

<svg class="{{className}}"></svg>

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

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

Answer 1

class="{{className}}"不是将数据绑定到Angular 2 +中的模板的正确方法。 然后打开你的控制台，看看你得到了什么错误。

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

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

检查：如果想要了解更多ngClass和插值， Angular 2可以通过插值为ngClass添加值 。 检查： https ： //angular.io/guide/displaying-data ，了解如何以正确的方式使用插值。