&nbsp在angular 7的html模板中显示为“”

问题描述

我有一个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>

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

 <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 Link3

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

解决方法

然后将其编码为UTF-8,而不是ISO-8859-1。不间断空格字符是ISO-8859-1中的字节0xA0;编码为UTF-8时,它将为0xC2,0xA0,如果(错误地)将其视为ISO-8859-1,则显示为“”

Ref

使用

<meta charset="utf-8">

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...