Angular 9 Интерполяция строк со специальными символами / умляутами

Question

Привет, я работаю над небольшим веб-приложением для немецкого бизнеса и сталкиваюсь с проблемой, что специальные символы не отображаются правильно.

Для мета-кодировки установлено значение utf8, и у меня нет проблем с ü ä ö ß в самом html, но при использовании строковой интерполяции у меня возникает проблема.

Вот пример: <span>{{user.lastName}} Müller</span>:

Müller Müller

Я видел, как люди придумывали обходной путь для использования канал и визуализирую его как [innerHtml], но я также использую его внутри <input> и других мест, не связанных с html.

Нет ли хорошего способа правильно отобразить эти строки?

Answer 1

Воспользуйтесь сервисом NGX Translate. NGX-Translate - это библиотека для интернационализации Angular. Он позволяет вам определять переводы вашего контента на разные языки и легко переключаться между ними.

Пожалуйста, найдите ссылки ниже для получения дополнительной информации ngx-translate

Ссылка на Github

import {TranslateService} from '@ngx-translate/core';

   @Component({
       selector: 'app-root',
       template: `
       <div>
        <span>{{name | translate }} Müller</span>
      </div>`,
     })
    export class AppComponent {
       name= 'Müller'
       constructor(public translate: TranslateService) {
      }
     }