javascript - 如何更改 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;
}