Написать String-Helper в Angular / TypeScript

Это потому, что когда вы используете {{ }} в своем HTML-шаблоне, Angular экранирует строку. Таким образом, ожидается, что ваше & будет экранировано и не будет рассматриваться как объект HTML.

Таким образом, вы должны оставить его без экранирования (с ü), и он должен работать нормально.

Если вы все еще хотите поместить точный HTML-код и не экранировать содержимое переменной, вам необходимо определить пользовательский канал , а затем использовать innerHTML для вывода кода. [118 ]

В вашем примере, когда вы определите трубу, вы добавите:

<button class="btn btn-success" (click)="addKeySkill()">
  <span [innerHTML]="stringHelper('Hinzufügen') | keepHtml"></span>
</button>

Вместо этого используйте Regex и примените g, чтобы заменить все вхождения (в противном случае заменяется только первое «ü»):

textUml = textUml.replace('/ü/g', "ü");