새 줄 /n을 각진 줄 바꿈으로 변환합니다.

새 줄 /n을 각진 줄 바꿈으로 변환합니다.

새 행 문자 /n이 포함된 문자열이 있습니다.표시 시도 중

끈끈이/n을 새 행으로 사용하는 대신 '/n'을 텍스트로 표시합니다.

   $scope.myOutput = " Hello /n"

    {{ myOutput | textFormat }}

필수 -> 안녕하세요 (html 페이지)

시도:

 app.filter('textFormat', function() {
    return function(x) {
      return x.replace(/\\n/g, '<br/>');
   }

화이트 스페이스와 같은 CSS 스타일 시도: pre;

이것으로 대체되는 것은 아니지만 CSS 속성을 사용할 수 있습니다.white-space: pre-line;브라우저에서 \n을 렌더링합니다: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

div {
  white-space: pre-line;
}

<div>Foo
   Bar
       Baz     Foo
     Bar
 


     
  Baz
</div>

Angular에서는 다음과 같이 입력하면 텍스트를 원래 형식으로 쉽게 변환할 수 있습니다.

구성요소:

this.myText = 'This is line one\nThis is line 2\nAnd here is 3'

html:

<div [innerText]='myText'></div>

1 - 다음 방식으로 필터를 다시 씁니다.

.filter('textFormat', function() {
    return function (x) {
      return x.replace(new RegExp('\/n', 'g'), '<br/>');
    }
 })

2 - html에서 다음 구문을 사용해야 합니다.

<span ng-bind-html="myOutput | textFormat"></span>

어디에myOutput가$scope.myOutput = ' Hello /n'

언급URL : https://stackoverflow.com/questions/47704542/convert-new-line-n-to-a-line-break-in-angular