Angular 2 SVG CSS在组件内部呈现不同

时间:2016-04-12 05:14:49

标签: css svg angular

将一些设计转移到Angular 2并使用以下代码片段:

<svg class="header__icon help__icon" viewbox="0 0 32 32">
  <use xlink:href="images/icon/info-help_small.svg#help__icon"></use>
</svg>

当我在角度组件之外使用此代码时,应用了完全相同的样式表,SVG元素可以正确缩放,但只要我将其添加到Angular组件的内部,就不会发生任何缩放。这是一个Angular问题吗?

这是Angular组件外部具有相同样式的图像:
http://i.stack.imgur.com/Dja36.png

这是Angular组件内SVG的图像:
http://i.stack.imgur.com/uIRdA.png

1 个答案:

答案 0 :(得分:0)

这应该有效,

print df.C_name.tolist()
['raj', 'sai', 'john', 'dev', 'mani']