String new line break in typescript

Austin Muts

2y1.5kAngular

I want to put line breaks on a string on angular.ts side but '\n' is not working.

var msg = "hello friend!" + '\n'

msg+= "You fine there"

console.log(msg);

What must i do to achieve the string line break?

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sam Hobbs2y ago
For Unix and Linux \n (line feed) is a line break. In Apple operating systems \r (carriage return) is a line break. In Windows, text in a HTML element and for email \r\n is a line break. The reason a combination of line feed and carriage return is used is that for printers a new line requires that combination. For HTML however we need a as others have said unless it is text in a text element. If does not work then try \r\n.

Beginner C and C++ programmers might think that \n is a line break but the C and C++ compilers convert \n to \r\n for Windows.
Jaimin Shethiya2y ago
Hello Austin,

Have you checked my solution, if not then just check it, it works as your expectation.

Thanks
Jaimin Shethiya2y ago
Hello Austin,

Try the below steps.

In typescript side,
```
msg = "hello friend! 
You fine there";
```
In html side,
Thanks
Jignesh Kumar2y ago
Hello,

Please check online typescript editor,

Visit : https://stackblitz.com/edit/typescript-playground?file=index.ts

Remove all content and add your typescript code
```
var msg = 'hello friend!' + '\n';

msg += 'You fine there';

console.log(msg);
```
Check it is working as expected.
Naimish Makwana2y ago
In JavaScript and TypeScript, the newline character \n does indeed create a new line. However, if you’re trying to view the output in an HTML context (like in the browser console or on a webpage), HTML treats whitespace such as \n as a single space.

To see the line breaks in an HTML context, you can replace \n with , which is the HTML tag for a line break. But remember, this will only work if your string is being outputted as HTML.

Here’s how you can do it:
```
var msg = "hello friend!" + '
'
msg += "You fine there"
console.log(msg);
```
If you want to see the line breaks in the console, you should be able to see them with \n. If you’re not seeing them, it might be an issue with how your console is displaying the output. Try viewing the output in a different console or log viewer to see if that makes a difference.

Remember, the above solution is for Angular TypeScript files. If you’re working with Angular templates (HTML files), you might need a different approach.

Thanks

Tahir Ansari2y ago

var msg = "hello friend!\n";
msg += "You fine there";
console.log(msg);

Output

hello friend!
You fine there

Austin Muts2y ago
we do not want to display this on html side. The string is displayed on angular.ts side . So that answer is not correct.