Как отобразить Unicode из Typescript в HTML с Angular

Question

Я использую Angular 5, и я хочу отобразить строку из файла машинописного текста, который содержит Unicode в HTML-файл.

example.component.ts

adDummy: AdDataDummy[] = [
    {
        name: "hanz",
        domain: "test.de",
        adPath: "CN=hanz,OU=Anwender,OU=Kunz,OU=test,DC=de",
        icon: "user.ico"
    },
    {
        name: "Hanz2",
        domain: "ok.de",
        adPath: "CN=Hanz2,OU=Anwender,OU=Köln,OU=ok,DC=de",
        icon: "user.ico"
    }];

пример.component.html

<div class="col">
    <h4 >User {{ currentAdItem.name }} (Logon name: {{ currentAdItem.adPath }})</h4>
    <div>
        Current printer connections
    </div>
</div>

Результат:

User Hanz (Logon name: CN=Hanz,OU=Anwender,OU=K�ln,OU=K-is,DC=de)

K�ln должно быть Köln

Answer 1

Ваш пример работал в stackblitz.Но вы можете попробовать использовать атрибут [innerHTML]. Здесь пример в стеке.

example.html

<div class="col" *ngFor="let currentAdItem of adDummy">
  <h4 [innerHTML]="concateItem(currentAdItem)"></h4>
  <div>
    Current printer connections
  </div>
</div>

example.ts

adDummy = [
{
  name: "hanz",
  domain: "test.de",
  adPath: "CN=hanz,OU=Anwender,OU=Simmern,OU=test,DC=de",
  icon: "user.ico"
},
{
  name: "Hanz2",
  domain: "ok.de",
  adPath: "CN=Hanz2,OU=Anwender,OU=Köln,OU=ok,DC=de",
  icon: "user.ico"
}];

concateItem(currentAdItem: any) {
  return `User ${currentAdItem.name} (Logon name: ${currentAdItem.adPath})`
}