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

Question

我有一个json文件，在一个键中有多行字符串。

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

我正在尝试使用angular2 sanitizer解析它

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

在输出中，HTML中省略了\r\n。

如何在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>');
  }
}