为什么Angular会从模板中丢失“£”符号?

时间:2019-08-14 16:08:12

标签: angular angular8

我正在Angular工作,但似乎还可以,但是我遇到了一个问题,因为我所在的国家使用£作为货币,并且我的源代码如下所示:

<span class="spend"> £ {{lineItem.cost}} </span>

我的输出如下:

  

�120.00

我的源文件全部使用标准UTF-8编码,并且符号没有问题,如果我直接在浏览器中打开模板,它看起来是正确的,因此好像在ng build进程中的某个位置它正在失去角色。我的google-fu在这方面失败了,因为当我谈论过滤掉字符时,我只是获得Angular过滤器的结果,而且显然人们只知道'#'号为英镑。

我该怎么做才能将磅符号保留在Angular模板中?

2 个答案:

答案 0 :(得分:3)

您需要在HTML(reference)中使用&pound;代替£

答案 1 :(得分:2)

为什么不只使用货币管道在模板中显示英镑符号£

<span class="spend">{{lineItem.cost | currency: 'GBP'}}</span>

如果您不希望有小数位

<span class="spend">{{lineItem.cost | currency: 'GBP': 'symbol': '1.0-0'}}</span>