angular-translate - angular-translate：如何用 HTML 格式翻译字符串

Question

我正在寻找使用角度翻译来翻译这样的东西：

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>