Visual Studio Code 中的 Angular 2 / TypeScript 多行字符串

Question

我正在 Visual Studio Code 中编写自定义组件，并希望将字符串值分配给属性。但是我需要将字符串分成多行。但每当我这样做时，VSCode 都会给我列出一个问题列表。

这就是我想要实现的目标：

Answer 1

您需要使用 backTick 来包含多行字符串文字。这是ES6的一个特性

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

Answer 2

您可以使用+连接运算符来换行：

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

或者 ` 反引号

template: `<h1>
    </h1>`

或者\反斜杠

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