如何让 Angular 2 支持 ÆØÅ 字符？

我试图列出一个包含 ÆØÅ 字符的单词的数组。我可以用 for 循环列出数组，数组中的单词出来，但不能显示 ÆØÅ 字符 - 而是显示一个问号。数组的类型为 string[]

我尝试将带有 charset="utf-8" 的元标记添加到我的索引.html文件的头部，但这似乎有所帮助。

我还可以尝试让 ÆØÅ 与 Angular 2 一起工作吗，通过将包含 æøå 的单词添加到数组中应该没有任何问题？

我遍历数组的 html 文件

<div class="col-md-6 col-sm-6" *ngFor="let heatingType of heatingTypes; let i=index">
            <div class="col-md-1 col-sm-1">
                <input type="checkbox" value="{{ i }}" class="form-control" 
                       formControlName="heating" [checked]="heating.indexOf(heatingType) > -1" 
                       (click)="toggleSelection(heatingType)">
            </div>
            <div class="col-md-11 col-sm-11">
                <label for="heating">{{ heatingType }}</label>
            </div>
        </div>

索引.html

<!DOCTYPE html>
<html>
<head>
    <base href="/" />
    <title>Some app</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- polyfill(s) for older browsers -->
    <script src="node_modules/core-js/client/shim.min.js"></script>
    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/reflect-metadata/Reflect.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="systemjs.config.js"></script>
    <script>
        System.import('src/app').catch(function (err) { console.error(err); });
    </script>
</head>
<body>
    <app>
        <span class="apploader">
            Laster inn applikasjonen<br />
            Vennligst vent ...
        </span>
    </app>
    </body>
</html>

数组

heatingTypes: string[] = [
    'Elektriske ovner', 'Varmepumpe', 'Vannbåren varme',
    'Varmekabler', 'Sentralfyr/Fjernvarme', 'Vedfyring', 'Annet'
];

复选框

如果您已经设置了元标记，请确保HTML文件也以UTF-8格式保存，某些编辑器会以不同的编码保存文件(例如Mac OS X的Sublime(。要验证，请执行以下操作

在记事本中打开文件
单击另存为并查看下面选择的文件类型的编码。如果是 ASCII 或其他东西，请将其更改为 UTF-8 并保存文件并重新加载，它应该可以正常工作。

相关内容

最新更新

热门标签：