본문 바로가기

개발하자

TypeScript - 문자열에 줄 바꿈(\n)을 추가하는 방법은 무엇입니까?

반응형

TypeScript - 문자열에 줄 바꿈(\n)을 추가하는 방법은 무엇입니까?

문자열을 다음과 같이 "\n"과 연결하려고 합니다:

- Item 1
- Item 2
var msg: string = '';
msg += '- Campo NOME é obrigatório';
msg += "\n- Campo EMAIL é obrigatório";

그러나 출력에는 줄 바꿈이 없습니다:

- Item 1 - Item 2

나는 그것에 대해 많이 검색했지만 해결책을 찾지 못했다. 저 좀 도와주시겠어요? :)




HTML로 렌더링할 경우 새 줄에 HTML 태그를 사용합니다:

소스의 문자열은 다음과 같습니다:

Hello!

Test

HTML 소스에서 문자열은 다음과 같습니다:

Hello<br><br>Test

다음을 수행하십시오:

var msg: string = "";
msg += "- Campo NOME é obrigatório";
msg += "<br/>- Campo EMAIL é obrigatório";

여기 바이올린이 있다:




Angular 15를 사용하고 있는데, 이것은 나에게 효과가 있어,

home.component.ts

headerText = "Hi, Enter Your \n Name";

홈.구성요소.디바이스

<div class="header">
  <h1>{{headerText}}</h1>
</div>

home.component.scss

.header {
    margin-top: 100px;

    h1 {
      white-space: break-spaces; // <===== This is important
    }
  }

사용 방법에 따라 또는 를 사용할 수 있습니다.


반응형