How to display unicode from Typescript into Html with Angular

Question

i´m using angular 5 and i want to display a string from a typescript file, which contains unicode into the html file.

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"
    }];

example.component.html

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

Outcome:

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

K�ln should be Köln

Abylay · Accepted Answer · 2018-05-23 08:19:13Z

1

Your example worked in stackblitz. But you can try use [innerHTML] attribute. Here example in stackblitz.

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})`
}

answered May 23, 2018 at 8:19

Abylay

3442 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrej Over a year ago

Thanks for your answer. Solved the problem by saving the file with coding ( VS2017 -> File-> Save as -> Dropdown at "Save" -> Save with Coding)

Collectives™ on Stack Overflow

How to display unicode from Typescript into Html with Angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related