Angular 2 / TypeScript multi line string in Visual Studio Code

Question

I am writing a custom component in Visual Studio Code and would like to assign a string value to a property. However I need to break the string into multiple lines. But whenever I do that VSCode gives me a list of problems.

This is what I am trying to achieve:

I can't break the string into multiple lines according to Visual Studio Code

Parth Ghiya · Accepted Answer · 2017-02-06 12:54:15Z

6

You need to use backTick to include multi line String literals. This is a feature of ES6

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals

answered Feb 6, 2017 at 12:54

Parth Ghiya

6,9692 gold badges32 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Magicprog.fr · Accepted Answer · 2017-02-06 12:52:23Z

5

You can break lines using + concatening operator:

template: "<h1>" +
    "</h1>"

Or ` backtick

template: `<h1>
    </h1>`

Or \ backslash

template: "<h1>\
    </h1>"

answered Feb 6, 2017 at 12:52

Magicprog.fr

4,1204 gold badges29 silver badges35 bronze badges

1 Comment

paulsm4 Over a year ago

Strictly speaking, Parth Ghiya's reply is the correct one. Single quotes are no longer permissible for template strings:

Template literals are string literals allowing embedded expressions. You can use multi-line strings and string interpolation features with them. They were called "template strings" in prior editions of the ES2015 specification.

Collectives™ on Stack Overflow

Angular 2 / TypeScript multi line string in Visual Studio Code

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related