javascript - 如何在 javascript 字符串中使用 javascript 模板而不是原始 HTML？

Question

我正在创建一个 Web 应用程序，它要求我在页面上多次渲染新元素。通过将 HTML 放入 Javascript 字符串来添加 HTML 对我来说已经失控了。主要是因为很难编辑它，尤其是当它跨越多种方式时。最好的解决方案是什么？组织这些内容的最佳方式是什么，因为我觉得我将拥有一个充满 JS“子元素”的巨大页面。

Answer 1

有大量可用的 JavaScript 模板引擎。一些比较流行的包括:

• > Mustache
• > Handlebars
• > Underscore
• > jQuery.template

大部分工作是将模板文本编译成一个函数，该函数可以用包含要插值的数据的对象调用。

例如(使用 underscore.js):

var myTemplate = _.template("Hello <%= person %>");
alert(myTemplate({person : "egidra"}));