I have a angular 7 project in that I have many html templates. In html templates where and I have inserted its displayed as space along with another character "Â". This issue is not coming when I test in my local environment. When deployed in tomcat in my QA environment I am facing.
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>
Next code snippet is one of the template I use in my project.
<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 </p>
<p> Link2 </p>
<p> Link3 </p>
</div>
</div>
</div>
Below is the output that is displayed when the above template is rendered. We can see that space is created but with extra special character not sure. Link1 Â Link2 Â Link3 Â
I have checked encoding type its UTF-8 but still I didnt understand why a weird character is displayed when rendered. Please help