如何在JSON中保留多行字符串並在angular2中解析它

Question

我有一個json文件，其中包含多行字符串。

"hello \r\n how are \r\n you" 

我想它使用angular2消毒

<p>Explanation : <span [innerHTML] = "explanationJSONString)"></span></p> 

輸出

解析，\r\n在HTML中被省略。

如何在angualr2模板中有多行josn數據？

我也試試\，但它也不起作用。

Answer 1

您可以重複使用pipes此處。

您的標記

<span [innerHTML] = "explanationJSONString() | break"></span> 

你管

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'break' 
}) 
export class BreakPipe implements PipeTransform { 
    transform(value: string): any { 
    return value.replace(/\r\n/g, '<br>'); 
    } 
}