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:

Answer 1

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

Answer 2

You can break lines using + concatening operator:

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

Or ` backtick

template: `<h1>
    </h1>`

Or \ backslash

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