Underscore.js 模板渲染

Question

我有这个示例代码，可以使用下划线模板呈现简单的 unescapedHTML。

var template = $(this.el).html(_.template(this.template, {'data': '<script>'}));
$(this.parent).append(template);

但是当它尝试渲染它时，它导致了错误：

未捕获类型错误：对象 [object Object] 没有方法“替换”

任何人都可以告诉我原因是什么以及如何解决它吗？由于在下划线文档中：

var template = _.template("<b>&lt;%- value %></b>");
template({value : '&lt;script&gt;'});
=> "<b>&lt;script&gt;</b>"

提前致谢。

Answer 1

来自精细手册：

模板 _.template(templateString, [context])

将 JavaScript 模板编译为可评估渲染的函数。

_.template 的第一个参数应该是一个字符串，而不是一个 jQuery 对象。 _.template 的部分内部处理调用 String#replace 函数，这就是您的错误的来源。您可能想改用它：

var template = $(this.el).html(_.template(this.template.html(), {'data': '<script>'}));
$(this.parent).append(template);

演示：http://jsfiddle.net/ambigously/wPu6G/

您给出的示例效果很好：

http://jsfiddle.net/ambigously/w2qWe/

所以我不知道 “值”未定义您在评论中提到的错误可能来自。

Answer 2

我在服务器上运行节点时遇到了同样的错误。如果您从磁盘读取模板文件并且未指定编码，则 node.js 将返回一个缓冲区。错误基本上是相同的，因为 Underscore 需要一个字符串。确保指定编码，以便将字符串传递给 Underscore。

这会产生错误。

var template = _.template(fs.readFileSync('mytemplate.tpl'));

这很好。

var template = _.template(fs.readFileSync('mytemplate.tpl', { 'encoding':'utf8'}));