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

How to use javascript templating rather than raw HTML in javascript string?

本文关键字：javascript 原始 HTML 字符串      更新时间：2023-09-26

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

有大量的JavaScript模板引擎可用。一些更受欢迎的包括：

  • Mustache
  • 把手
  • Undercore
  • jQuery.template

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

例如（使用下划线.js）：

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

这里有一个关于linked.in和模板的链接。

我会使用js模板引擎。因此，无需在js中使用html字符串。查看模板的文档。它们都很好地解释了用法。

您可以尝试以下操作http://handlebarsjs.com/或http://mustache.github.com/.

相关文章：