Angular-CLI / Angular2：非标准字符仅在index.html中正确加载，而不是通过ng服务在组件中加载

Question

在我的Angular2应用程序中：当我使用“ng serve”或“ng build”时，扩展字符在组件中无法正确呈现。直接在index.html中扩展的字符可以正常工作。

我怀疑这与保存和提供文件的方式有关，但我是ng2，webpack和CLI的新手，所以还不确定如何测试该理论。

index.html中的charset设置为“charset = UTF-8”，如果我在浏览器中捆绑之前查看单个组件HTML页面，它就会正确呈现。

Repro步骤：

• 将“Próximamente”复制并粘贴到Index.html输出区域以及组件的模板中。
• 运行“ng-serve”。
• index.html中的那个将正确呈现，但模板中的那个将不会
• 注意：部署的Prod ng build ouput
也会发生同样的情况

版本

• Chrome：53.0.2785.143 m
• Angular：2.1.0
• Windows：10
• Webpack：2.1.0 Beta 25
• Angular-CLI：1.0.0 Beta 18

Answer 1

确保.ts文件（模板）的内容也以 UTF-8 编码。换句话说 - index.html的{​​{1}}应该与提供的文件的实际物理编码相匹配。

PS：您可以在文本编辑器 MS VSC ， Notepad ++ ，charset等中轻松检查实际编码。