如何在Angular 2中为内联svg添加样式

Question

<div class="svg_ahu card_content" align="start" [inlineSVG]="'/assets/ahu.svg'"></div> 

我使用此语法在angular2中包含SVG，但无法对其进行样式设置。

CSS：使用这样

<div class="svg_ahu card_content" align="start" [attr.inlineSVG]="'/assets/ahu.svg'"></div> 

`

Answer 1

它的发生是由于风格封装

#fill1 { 
    animation: fill1 .1s ease infinite; 
}  

Answer 2

尝试。

可以使用的3个选项之一：

• “封装：ViewEncapsulation.None” 与SVG的组件。
• “/ deep /＃fill1”选择器，指定规则应该适用于子组件
• 您可以将SVG样式移动到全局样式。[s] css文件。