I have created an Angular 5 application which have German characters. I am working on IntelliJ IDE and have problem in using german characters in html. As per the information already given in these tickets How can I properly display German characters in HTML? and How can I use special characters in angular directives attributes?, I have added the following lines in my html file:
<html xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" charset="utf-8" />
</head>
...
Also, I have set the file encoding type to UTF-8 in the IDE.
When I compile the code, I can see that they are correctly encoded in the webpack files but when I deploy (openshift deployment), I get gibberish in place of German umlauts: Image with incorrect Encoding
Though when I refresh the page once, it gets corrected: Image with correct Enoding
Can anybody please assist with this issue?