JSON 到 HTML 带分界线，angular-翻译

Question

我正在使用 Angular-translate 并且我正在尝试从 JSON 加载带有分隔线的文本，但是 html 无法识别。

JSON:

"ABOUT": {
    "headline":"Every day\n every moment",
    "span": "Be Like"
}

ANGULARJS:

.config(function($translateProvider) {

// Sanitize
$translateProvider.useSanitizeValueStrategy('escaped');

// Load  JSON
$translateProvider.useStaticFilesLoader({
    prefix: '/app/languages/app-',
    suffix: '.json'
});
$translateProvider.preferredLanguage('en');

HTML:

        <h2> <span>{{ 'ABOUT.span' | translate }}</span>
        {{ 'ABOUT.headline' | translate }}
       ....

有什么办法吗？

Answer 1

在 css 中使用 white-space:pre; 所以它就像在你的 html

中那样

<h2 style="white-space:pre;"> <span>{{ 'ABOUT.span' | translate }}</span>{{ 'ABOUT.headline' | translate }} </h2>

这是一个笨蛋http://plnkr.co/edit/Bjs6LC9Z9Fy1v5ULqlVW?p=preview

JSON 到 HTML 带分界线，angular-翻译

JSON to HTML with breaklines, angular-translate

javascript

json

angularjs

angular-translate