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

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

CSS：

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

2 回答 2

1

这是由于样式封装而发生的。

您可以使用以下 3 个选项之一：

  • 带有 SVG 的组件的“封装：ViewEncapsulation.None”。
  • “/deep/ #fill1”选择器，指定规则应应用于子组件
  • 您可以将 SVG 样式移动到全局样式。[s]css 文件。
于 2017-05-26T20:03:57.157 回答
0

尝试像这样使用

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

`

于 2017-05-25T11:30:38.777 回答