Angular 2 nl2br pipe

my.component.ts

import { Component} from '@angular/core';

import { Nl2BrPipe } from './nl2br.pipe';

@Component({
  moduleId: module.id,
  selector: 'my-component',
  template: `
    <div [innerHtml]="content | nl2br"></div>
  `
  pipes: [Nl2BrPipe]
})
export class MyComponent {

  private content:string;
  
  constructor() {
    this.content = "Hello \n\n this is in a new line";
  }

}

nl2br.pipe.ts

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

@Pipe({name: 'nl2br'})
export class Nl2BrPipe implements PipeTransform {
  transform(value: string, args: string[]): any {
    if (!value) return value;
    let breakTag = '<br>';
    return (value + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2');
  }
}