ES6 TemplateUrl与Angular2类似

Question

我正在研究ES6并找到了我喜欢的模板字符串。

使用ES6模板字符串，我能够像这样注入html：

$("#warning").html(`
      <h1>Watch out!</h1>
      <p>Unauthorized hockeying can result in penalties of up to 500 minutes.</p>
`);

反引号是ES6非常有用的功能。

在AngularJs2中，您可以使用TemplateUrl并实际导入外部页面。

这可以用ES6（没有Angular2）完成，如果是这样的话？

Answer 1

您的示例已经是ES6，但它并不总是有效，因为模板字符串会考虑所有空白，包括用于缩小代码的空白区域。

你有两个选择。

使用字符串连接：

$("#warning").html(
  `<h1>Watch out!</h1>` +
  `<p>Unauthorized hockeying can result in penalties of up to 500 minutes.</p>`
);

我首选的方法是数组加入：

$("#warning").html([
  `<h1>Watch out!</h1>`,
  `<p>Unauthorized hockeying can result in penalties of up to 500 minutes.</p>`
].join(''));