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

使用以下代码段将一些设计传输到Angular 2和am：

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

当我在angular组件外部使用与应用的样式表完全相同的代码时，SVG元素会正确地缩放，但只要我将其添加到angular组件内部，就根本不会发生缩放。这是一个角度问题吗

这是具有相同样式的角度组件外部的图像：

这是SVG内部角度组件的图像：
这应该行得通

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

这应该行得通

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

如何缩放它？你用什么样式？请提供更多允许复制的信息？SVG区分大小写，因此请尝试viewBox而不是不正确的viewBox。将“viewBox”重命名为“viewBox”修复了此问题。我不想撒谎，我甚至可能不会尝试这个，因为它是在正常的html模式下工作的。如果你将此作为答案提交，我可以标记它。你如何缩放它？你用什么样式？请提供更多允许复制的信息？SVG区分大小写，因此请尝试viewBox而不是不正确的viewBox。将“viewBox”重命名为“viewBox”修复了此问题。我不想撒谎，我甚至可能不会尝试这个，因为它是在正常的html模式下工作的。如果你提交这个作为答案，我可以标记它。