将新行放在字符串中进行翻译 [英] put new line in string to translate

问题描述

我正在使用ngx-translate.

I'm using ngx-translate.

如何在字符串中插入换行符以进行翻译?

How can I put a line break in a string to translate ?

在我的模板中，我有:

{{'STRING_TO_TRANSLATE' | translate}}

在我的en.json中:

In my en.json:

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

推荐答案

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

You can use \n but you will have to provide some styling.

因此在您的模板中使用此:

So in your template use this:

<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

More info an the magic behind white-space: https://stackoverflow.com/a/42354356/3757110

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

See also a github Issue about this: https://github.com/angular-translate/angular-translate/issues/595

这篇关于将新行放在字符串中进行翻译的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！