Angular 浏览器中特殊字符显示不正确-角度i18n

我正在使用Angular4 i18n支持我的项目将英语翻译成西班牙语。我生成的messages.xlf文件是UTF-8编码的

我还有另外两个文件，翻译文本分别为messages.en.xlf和messages.es.xlf。这两个文件也有UTF-8编码

  <meta charset="UTF-8">
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8">

Angular project index.html还具有UTF-8编码

  <meta charset="UTF-8">
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8">

messages.es.xlf中的翻译文本如下所示

<trans-unit id="dashGeneric" datatype="html">
    <source>Generic</source>
    <target state="translated">Genérico</target>
    <context-group purpose="location">
      <context context-type="sourcefile">product.component.d.ts</context>
      <context context-type="linenumber">66</context>
    </context-group>
    <note priority="1" from="description">product- generic</note>
  </trans-unit>

通用的
里科将军
产品组件d.ts
66
产品-通用

翻译文本在浏览器中显示为Genérico。但它应该是Genérico，如messages.es文件所示

---

我用notepad++打开了消息文件，并确保它们是用UTF-8编码的。但还是没有运气。有什么建议吗？

我在tomcat server web.xml文件中将mime类型设置为charset=UTF-8，从而解决了这个问题

---

通过在tomcat server web.xml文件中将mime类型设置为charset=UTF-8，我已经解决了这个问题

将charset=“UTF-8”添加到脚本标记中，用于包含生成的js文件。
如：
注意：像上面的示例一样，为所有要包含的js文件添加charset=“UTF-8”

将charset=“UTF-8”添加到脚本标记中，用于包含生成的js文件。
如：
注意：像上面的示例一样，为所有要包含的js文件添加charset=“UTF-8”

，问题是我没有将生成的文件包含到index.html中。它是由angulr cli完成的，不是吗？问题是我没有将生成的文件包含到index.html中。这是由angulr cli完成的，不是吗？