使用下划线的主干模板

Question

我正在学习骨干。 我在使用underscore.js进行模板处理时遇到问题。
以下是代码。

var V = Backbone.View.extend({
    el: "body",
    render: function () {
        var data = {
            name: "MyName"
        };
        this.$el.html(_.template('<%= name %>', data));
        return this;
    }
});

var v = new V();
v.render();  

输出：

result

它应该是 ：

MyName

代码-JSFiddle

我要去哪里错了？

Answer 1

您需要使用data对象作为参数来调用/评估模板。

因此应该是：

_.template('<%= name %>')(data);

要么：

_.template('<%= name %>')({
  name: "MyName"
});

根据_.template函数的文档 ，您正在将data对象作为可选的设置参数传递。

_.template(templateString, [settings]) 

更新示例

var V = Backbone.View.extend({
    el: "body",
    render: function () {
        var data = {
            name: "MyName"
        };
        this.$el.html(_.template('<%= name %>')(data));
    }
});

var v = new V();
v.render();

输出：

MyName