Backbone.js 如何使用主干线和下划线仅呈现值？

我已经准备好html标记，它不会改变，我只想在这个标记中添加/更新变量

如何使用主干线和下划线来执行此操作

我试过以下方法

主干网：

testView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },

    render: function(){
        var variables = {reqNumber: 10};
        /*This is where I'm having problems, how do I use only variables in my template??
        * How do I write this next line
        */
        var template = _.template(this.$el.html(), variables);

        this.$el.html(template);
    }
});

var test_view = new testView({ el: $("div.container") });

<a href="#">
    <i class="icon-home icon-white"></i> 
    Requests <span class="badge badge-warning"><%= reqNumber %></span>
</a>

HTML:

testView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },

    render: function(){
        var variables = {reqNumber: 10};
        /*This is where I'm having problems, how do I use only variables in my template??
        * How do I write this next line
        */
        var template = _.template(this.$el.html(), variables);

        this.$el.html(template);
    }
});

var test_view = new testView({ el: $("div.container") });

<a href="#">
    <i class="icon-home icon-white"></i> 
    Requests <span class="badge badge-warning"><%= reqNumber %></span>
</a>

---

类似的方法很有效。问题是，您没有像这样标识模板所在的位置。$el指向视图的容器，而不是模板（请参见模板脚本）

JS:

HTML:

所以我真的需要一个“一切”的模板吗？下划线和主干就是这样工作的吗？对于实例化的每个视图，您不需要一个模板，但通常必须定义一个“el”属性，因为这将是视图的容器。虽然有很多，但这里有一个很好的开始-