D3.js 以编程方式访问angular 2中编译的CSS类名

D3.js 以编程方式访问angular 2中编译的CSS类名,d3.js,angular,D3.js,Angular,在d3中,我制作了很多类似的元素: this.title = svg.append('text') .attr('class', 'graph-title') .text('blah blah blah'); 我希望我可以将该类放在创建这个svg的组件的CSS本地中,但是不能以这种方式引用本地CSS。我上面所做的只有在我将相关样式放入全局CSS中时才会起作用,出于可重用性的原因,这不是我想要做的 有什么方法可以通过编程将本地css类添加到这个动态创建的元素中吗?您可以使用>(或

在d3中,我制作了很多类似的元素:

this.title = svg.append('text')
    .attr('class', 'graph-title')
    .text('blah blah blah');
我希望我可以将该类放在创建这个svg的组件的CSS本地中,但是不能以这种方式引用本地CSS。我上面所做的只有在我将相关样式放入全局CSS中时才会起作用,出于可重用性的原因,这不是我想要做的


有什么方法可以通过编程将本地css类添加到这个动态创建的元素中吗?

您可以使用
>
(或
/deep/
)来处理动态添加的元素,这些元素没有从添加到组件的样式中添加Encspulation属性(
\ng\u content…
):

:host >>> graph-title {
  ...
}

不清楚你在问什么。什么是本地组件?您希望通过混合这些类来实现什么?也许你的问题有解决办法。