首页 >web前端 >js教程 >为什么我的下划线模板中出现变量未定义错误?

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

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-11-19 00:21:021018浏览

Why am I getting a Variable Not Defined Error in my Underscore Template?

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

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

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

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

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

  1. 编译模板:
var tmpl = _.template(template_string);
  1. 使用数据执行编译后的函数:
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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn