how to keep multiline string in JSON and parse it in angular2

Question

I have a json file having multiline strings in a key.

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

I am trying to parse it using angular2 sanitizer

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

in the output, \r\n is omitted in HTML.

How can I have multiple line josn data in angualr2 template?

I also try just \ but it also doesnt work.

You should use <br> tag for newline if you are going to use it in html. — maniacneron
– maniacneron, Commented Mar 1, 2017 at 11:03

VadimB · Accepted Answer · 2017-03-01 11:08:09Z

1

You can reuse pipes fot this.

Your markup

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

Your pipe

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

answered Mar 1, 2017 at 11:08

VadimB

5,7213 gold badges39 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to keep multiline string in JSON and parse it in angular2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related