CODEWITHSUNDEEP
typescriptionic3
Ana Paula
Ana Paula

Reputation: 9477

TypeScript - How to append line break (\n) on string?

I'm trying to concatenate a string with a "\n" like this:

- Item 1
- Item 2

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

But the output comes without the line break:

- Item 1 - Item 2

I searched a lot about it but I didn't find a solution. Could you please help me? :)

Upvotes: 4

Views: 37665

Answers (2)

Sriharish S
Sriharish S

Reputation: 1764

I am using Angular 15 and this works for me,

home.component.ts

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

home.component.html

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

home.component.scss

.header {
    margin-top: 100px;

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

You can use white-space: break-spaces; or white-space: pre-line; depending on your usage.

Upvotes: 0

Jagjeet Singh
Jagjeet Singh

Reputation: 1572

If you rendering to HTML, you will want to use the HTML tag for a newline :

The string Hello\n\nTest in your source will look like this:

Hello!

Test

The string Hello<br><br>Test will look like this in HTML source:

Hello<br><br>Test

Try this :

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

Here is fiddle : https://jsfiddle.net/9fuxgbms/1/

Upvotes: 4

Related Questions