angularjs 指令中取代码模板时中文乱码解决方案

iteye_11287

于 2015-05-02 13:31:10 发布

阅读量520

点赞数

CC 4.0 BY-SA版权

分类专栏： Java WEB 文章标签： java web

本文链接：https://blog.youkuaiyun.com/iteye_11287/article/details/82618558

8 篇文章

订阅专栏

本文详细阐述了在使用Angular指令时，遇到模板中文乱码问题的解决办法，包括在Java web应用中通过配置web.xml来设置正确的Content-Type。提供了解决方案并解释了其原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在写angular 指令时，代码模板常用 tempalteUrl 指定，由于模板只是HTML的片段，所以不包含header内容，所以在HTML中无法指定编码，就会引起中文乱码。

解决方案就是要在 response-header中加入Content-Type:text/html;charset=UTF-8

在java web 应用中，解决方案是在web.xml加入：

    <mime-mapping>
        <extension>html</extension>
        <mime-type>text/html;charset=UTF-8</mime-type>
    </mime-mapping>