AngularJS应用在UI选择字段中未显示占位符文本中的特殊字符

Question

我有一个多语言角应用，其中一种语言具有特殊字符，例如umlaut。它们在标签，标题，标题上被很好地显示，但没有占位符文字。这是我拥有的代码：

<label translate="app.title"></label>
<ui-select name="myoption" ng-model="app.option" theme="selectize">
    <ui-select-match placeholder="{{ 'app.placeholder' | translate }}">
        {{$select.selected.value}}
    </ui-select-match>
    <ui-select-choices repeat="o.key as o in tras.app.options | filter: $select.search">
        <div ng-bind-html="o.value | highlight: $select.search"></div>
    </ui-select-choices>
</ui-select>

标签标题具有一个特殊的字符，例如ä或Ö，它显示得很好。但是占位符文本中也有相同的单词，但显示为&#228。为什么这样的行为？有人可以帮助修复它吗？

Answer 1

在这里讨论了此问题https://github.com/angular-translate/angular-translate/issues/1282

您需要关闭消毒：

$translateProvider.useSanitizeValueStrategy(null);

Answer 2

使用 ng-bind-html进行标记这样的标记：

<ui-select-match placeholder="{{ 'app.placeholder' | translate }}" 
                 ng-bind-html="selected.selected.value">
</ui-select-match>

但是对于占位符，您必须使用上面的AHC解决方案。