javascript - 带有断线的 JSON 到 HTML， Angular 转换

Question

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

JSON:

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

Angular :

.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

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

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

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