String new line break in typescript

Question

I want to put line breaks on a string on angular.ts side but '
' is not working. var msg = "hello friend!" + '
' msg+= "You fine there" console.log(msg); What must i do to achieve the string line break?

Naimish Makwana · Answer

In JavaScript and TypeScript, the newline character 
 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 
 as a single space. To see the line breaks in an HTML context, you can replace 
 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 
 . 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

Jaimin Shethiya · Answer

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

Jaimin Shethiya · Answer

Hello Austin, Try the below steps. In typescript side, msg = "hello friend! You fine there"; In html side, Thanks

Jignesh Kumar · Answer

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!' + '
'; msg += 'You fine there'; console.log(msg); Check it is working as expected.

Tahir Ansari · Answer

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

Sam Hobbs · Answer

For Unix and Linux 
 (line feed) is a line break. In Apple operating systems  (carriage return) is a line break. In Windows, text in a HTML element and for email 
 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 
 . Beginner C and C++ programmers might think that 
 is a line break but the C and C++ compilers convert 
 to 
 for Windows.

Austin Muts · Answer

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