html如何存为模板,如何在HTML页面中正确存储HTML模板？

我有一些小模板字符串，它们将通过Mustache.js在同一页面上呈现。我无需为模板创建单独的html文件。用于存储模板如何在HTML页面中正确存储HTML模板？

选项：

在JavaScript变量存储：hackish的多串，很多引号逃逸的。

存储为隐藏div的innerHTML。

我试过方法＃2，但它似乎没有正常工作。

{{#name_list}}

{{name}}

{{/name_list}}

var template = $('#tableTemplate').html();

console.log(template);

此日志：

{{#name_list}}

{{name}}

{{/name_list}}

相反的：

{{#name_list}}

{{name}}

{{/name_list}}

这可能是由于浏览器的一些标记修正。 什么是在HTML页面中存储HTML模板的其他好技巧？

+0

如何不将它们存储在同一个文件中，但通过AJAX加载它们？ –

+0

@feeela不，我不想让ajax调用加载2-3个小字符串，我打算将它们存储在同一页中。 –

+0

在与backbone.js/underscore.js相关的一些教程中，他们将模板存储在标记中。仔细看看这个问题：http://stackoverflow.com/questions/4912586/explanation-of-script-type-text-template-script –