angular-translate：如何使用HTML格式转换字符串

Question

我希望使用angular-translate翻译这样的东西：

All <strong>{{ itemsCount }}</strong> items are selected.

建议的方法是什么？如果可能的话，我想避免在要翻译的字符串中包含HTML。

Answer 1

Angular-translate支持变量，因此您可以使用以下翻译键：

YOUR_KEY: "All <strong>{{itemsCount}}</strong> items are selected."
<p translate-value-count="{{itemsCount}}" translate>YOUR_KEY</p>

然而，仍然需要在翻译中存储HTML。解决问题的唯一方法是使用两个键：

ALL: "All",
SELECTED: "items are selected"
<p>{{ 'ALL' | translate}}<strong>{{itemsCount}}</strong>{{ 'SELECTED' | translate}}</p>