如何有效地将类应用于组件中动态创建的元素？没有数据绑定

Question

我正在将一个旧的Angular 1应用程序转换为Angular 5.该应用程序由d3图组成，其中我在Angular 1.0中使用了指令。

在将Angular 1指令转换为Angular 5时，我发现我无法实时创建元素并且应用了类，并且类样式是有效的。

例如，这将更长时间工作。未应用类curve样式：

线chart.component.ts：

  // Add the value curve path.
  svg.append('path')
    .attr('class', 'curve')
    .attr('style', 'fill: none; stroke: steelblue; stroke-width: 1.5px')
    .attr('d', curve(curveData.timestamps))

线chart.component.css

.curve {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}

相反，我必须这样做：

  svg.append('path')
    .attr('style', 'fill: none; stroke: steelblue; stroke-width: 1.5px')

使用Angular 5组件，有没有办法动态创建元素并使用类对它们进行有效设置？没有数据绑定。