web-dev-qa-db-ja.com

\ nを<br>タグに置き換えるangular 6

私は残りのAPIウィット/nコードを持っています、angular 6は<br>タグで置き換えることができます

これが私のコードです：

{{x.deskripsi}}

私は使用してみます https://www.npmjs.com/package/angular-nl2br-filter

{{}}タグ内でバインディングを使用する方法がわかりません

このコードを使ってみます

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

しかし動作しません

何か助け？

前に感謝します

angularangular6
9
Shaugi Muhammad

ライブラリは必要ありません。タグの_white-space_プロパティを_pre-wrap_に設定するだけです（またはデフォルトでこのスタイルにする必要がある_<pre>_タグを使用します）

document.querySelector('#formatted').innerText = 'Lorem\nIpsum';
_#formatted {
  white-space: pre-wrap;
}_
_<div id="formatted"></div>
<div>Lorem\nIpsum</div>_
4
trichetriche

あなたは同じためにパイプを使うことができます：

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>
1
Sanoj_V