如何更改Angular 4管道中的符号颜色？

Question

有没有办法改变Angular 4管道符号的颜色？例如，我想让美元符号变浅。

Image

此价格使用货币管道进行解析：

currency:'USD':'symbol-narrow':'1.2-4'

Answer 1

您可以使用decimal pipe，然后将自己的<span>$</span>放在其前面。

未经测试的例子：

<div>
  <span class="currency">$</span> {{ data.cost | number }}
</div>

.currency {
  color: green;
}