remplacer \ n par la balise <br> angular 6

Question

j'ai du repos api avec /n code, peut angular 6 remplacer par <br> tag

voici mon code:

{{x.deskripsi}}

j'essaie d'utiliser https://www.npmjs.com/package/angular-nl2br-filter

mais je ne sais pas comment utiliser avec la liaison à l'intérieur {{}} tag

j'essaie d'utiliser ce code

<p ng-bind-html="x.deskripsi | nl2br"></p>

mais ne fonctionne pas

de l'aide?

merci avant

Answer 1

Vous n'avez pas besoin d'une bibliothèque. Définissez simplement la propriété white-space De votre balise sur pre-wrap (Ou utilisez une balise <pre> Qui devrait avoir ce style par défaut)

document.querySelector('#formatted').innerText = 'Lorem\nIpsum';

#formatted {
  white-space: pre-wrap;
}

<div id="formatted"></div>
<div>Lorem\nIpsum</div>

Answer 2

Vous pouvez utiliser un tuyau pour le même:

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'replaceLineBreaks'})
export class ReplaceLineBreaks implements PipeTransform {
transform(value: string): string {
      return value.replace(/\n/g, '<br/>');
   }
}

Le tuyau doit être inclus dans vos déclarations @NgModule pour être inclus dans l'application. Pour afficher le code HTML dans votre modèle, vous pouvez utiliser la liaison innerHTML.

<p [innerHTML]="x.deskripsi | replaceLineBreaks"></p>