为什么我的下划线模板中出现变量未定义错误？

下划线模板中的变量未定义错误

您在 Backbone.js 视图中使用下划线模板时遇到错误。该问题源于现代版本的 Underscore 中模板编译的正确使用。

在旧版本的 Underscore 中，您可以使用一步过程来解析和填写模板：

var html = _.template(template_string, data);

但是，在 Underscore 1.7.0 及更高版本中，_.template 的第二个参数用于模板选项，需要两步处理：

1. 编译模板：

var tmpl = _.template(template_string);

2. 使用数据执行编译后的函数：

var html = tmpl(data);

或者，单行：

var html = _.template(template_string)(data);

在您的具体情况下，更正后的 Backbone.js 视图渲染方法为：

var V = Backbone.View.extend({
  el:'body',
  render: function () {
    var data = { lat: -27, lon: 153 };
    var tmpl = _.template('<%= lat %> <%= lon %>');
    this.$el.html(tmpl(data));
    return this;
  }
});

以上是为什么我的下划线模板中出现变量未定义错误？的详细内容。更多信息请关注PHP中文网其他相关文章！