&nbsp 在 Angular 7 的 html 模板中显示为“Â”答案

【问题标题】：&nbsp dispalyed as "Â" in html template in angular 7&nbsp 在 Angular 7 的 html 模板中显示为“Â”
【发布时间】：2021-01-05 00:44:20
【问题描述】：

我有一个 Angular 7 项目，其中有许多 html 模板。在我插入的 html 模板中，它与另一个字符“Â”一起显示为空格。当我在本地环境中进行测试时，不会出现此问题。在我面临的 QA 环境中部署到 tomcat 时。

HTML Code
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
    <base href="/">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Test</title>
<meta name="description" content="Description">
</head>
<body>
<jhi-root></jhi-root>
</body>
</html>

下一个代码 sn-p 是我在项目中使用的模板之一。

 <div class="d-flex" id="wrapper">
 <jhi-sidebar></jhi-sidebar>
 <div id="page-content-wrapper">
 <jhi-header></jhi-header>
 <div class="inner-page">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12">
        <h3 class="card-title text-left">Widgets</h3>
      </div>
    </div>
  </div>
  <p> Link1 &nbsp; </p>
  <p> Link2 &nbsp; </p>
  <p> Link3 &nbsp; </p>
  </div>
  </div>
  </div>

以下是渲染上述模板时显示的输出。我们可以看到创建了空间，但不确定是否有额外的特殊字符。链路 1 链接 2 链接3

我已经检查了它的 UTF-8 编码类型，但我仍然不明白为什么在渲染时会显示一个奇怪的字符。请帮忙

【问题讨论】：

标签： angular7 html-entities angular-template

【解决方案1】：

那将编码为 UTF-8，而不是 ISO-8859-1。不间断空格字符是 ISO-8859-1 中的字节 0xA0；当编码为 UTF-8 时，它将是 0xC2,0xA0，如果您（错误地）将其视为 ISO-8859-1，则会显示为“Â”

Ref

使用

<meta charset="utf-8">

【讨论】：

您可以在我的主 html 中看到加载了角度模板的位置。我保留了您提到的代码，但仍然没有预期的结果。
源文件的编码是什么？我的意思是你的 js 文件。
UTF-8 为编码类型
我只是想重新检查一下你做了什么，你可以使用这篇文章检查文件的编码stackoverflow.com/a/13464816/1118978 如果不是这种情况，那么我建议你检查你的包编码。跨度>
是的，我检查了文件以及捆绑包都仅以 UTF-8 编码保存。再说一次，我需要说这个问题，只有在 AWS 的 Tomcat 中部署时，我才在本地环境中遇到这个问题