замените \ n на <br>тег угловой 6

Question

у меня есть остальные api ничуть /n код, может угловой 6 заменить на <br> тег

вот мой код:

{{x.deskripsi}}

я пытаюсь использовать https://www.npmjs.com/package/angular-nl2br-filter

но я понятия не имею, как использовать с привязкой внутри {{}} tag

я пытаюсь использовать этот код

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

но не работает

любая помощь?

спасибо, прежде чем

Answer 1

Вы можете использовать трубы для того же:

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

Канал должен быть включен в ваши объявления @NgModule для включения в приложение. Для отображения HTML в вашем шаблоне вы можете использовать связывание innerHTML.

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

Answer 2

Вам не нужна библиотека. Просто установите для свойства white-space вашего тега значение pre-wrap (или используйте тег <pre>, который должен иметь этот стиль по умолчанию)

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

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

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