Angular2 - 如何在组件内进行 UTF-8 编码

Question

我添加了 <meta charset="UTF-8">到主 index.html 文件，它正确编码在该文件中键入的特殊字符(如 é、ç 或 à)，而不使用像 é 这样的 ascii 编码。 .

但是，组件模板似乎正在丢失不是以 ascii 键入的特殊字符的编码。

我并没有真正陷入困境，因为有 ascii 解决方法，但我很好奇似乎阻止组件模板中字符编码的逻辑。

Answer 1

正如 Mark 的评论和 plunker 所指出的，问题并没有发生在原始的 dev 目录中。

将 html 文件“吞噬”到/dist 目录时出现字符编码问题。

我的解决方案是使用 gulp-utf8-convert https://www.npmjs.com/package/gulp-utf8-convert

var gulp = require('gulp');
var utf8Convert = require('gulp-utf8-convert');

gulp.task('copy-html', function() {
return gulp.src('src/**/*.html')
    .pipe(utf8Convert())
    .pipe(gulp.dest('www'));
});