在字符串中添加新行以进行翻译

我正在使用 ngx 翻译。

如何在要翻译的字符串中添加换行符？

在我的模板中，我有：

{{'STRING_TO_TRANSLATE' | translate}}

在我的 en.json 中：

{
"STRING_TO_TRANSLATE": "text on first line. <br> or \n don't work. Text on second line"
}

您可以使用\n但你必须提供一些样式。

所以在你的模板中使用这个：

<div class="my-translated-paragraph">
    {{'STRING_TO_TRANSLATE' | translate}}
</div>

您的 en.json：

{
"STRING_TO_TRANSLATE": "text on first line.\nText on second line"
}

您的 CSS 文件：

.my-translated-paragraph{
    white-space: pre-wrap;
}

更多信息和空白背后的魔力：https://stackoverflow.com/a/42354356/3757110 https://stackoverflow.com/a/42354356/3757110

另请参阅有关此问题的 github 问题：https://github.com/angular-translate/angular-translate/issues/595 https://github.com/angular-translate/angular-translate/issues/595