Javascript 如何制作有角度的2支ÆØØ字符？_Javascript_Arrays_Angular_Character Encoding

Javascript 如何制作有角度的2支ÆØØ字符？

javascript arrays angular character-encoding

Javascript 如何制作有角度的2支ÆØØ字符？,javascript,arrays,angular,character-encoding,Javascript,Arrays,Angular,Character Encoding,我试图列出一个包含ÆØÅ字符的单词数组。我可以列出带有for循环的数组，数组中的单词会显示出来，但不能显示ÆØÅ字符-而是显示问号。数组的类型为string[] 我试着在index.html文件的head部分添加一个charset=utf-8的meta标记，但这似乎有所帮助还有什么我可以试着让ÆØÅ与Angular 2一起工作的吗？在数组中添加包含æå的单词应该不会有任何问题吧在数组上循环的Html文件如果您已经设置了meta标记，请确保HTML文件也以UTF-8格式保存，一些编辑器以不同

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

我试着在index.html文件的head部分添加一个charset=utf-8的meta标记，但这似乎有所帮助

还有什么我可以试着让ÆØÅ与Angular 2一起工作的吗？在数组中添加包含æå的单词应该不会有任何问题吧

在数组上循环的Html文件

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

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

快速测试对我来说似乎效果不错。你能发布一些你的代码，让我们更好地了解你在使用什么吗？当然，我现在已经更新了问题描述。如果你直接在HTML中添加这些字符，这些字符是否正常显示？确保您的网站在标题中没有输出不同的字符集。是的，æå字符通常以HTML显示。我只是将相同的代码（带有for循环和数组的html内容）复制到另一个组件中，在那里它正确地显示了单词。。这很奇怪，对吧？嗯，我现在试过了，但还是不管用。我只是删除了这个文件，并将整个代码添加到记事本中，以清除格式，然后创建了一个新文件，其内容与utf-8编码相同，并将代码从记事本复制到新创建的html文件中。但问题仍然是。。。Im使用Visual Studio 2017 btw。在将更改推送到TFS后，您是在本地还是在服务器中面临此问题？如果您已将更改推送到TFS，并且面临从TFS推送到服务器的文件的问题，请转到源代码管理并选择“文件”->“右键单击”->“单击高级”，然后检查属性中的编码设置。因此，它现在可以工作。我从数组中删除了单词Vannbåren varme并重写了它。似乎当前单词的编码尚未更新。无论如何谢谢你！下次遇到同样的问题时，我会尝试这个解决方案。

<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>

<!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'
];