根据骨干js视图中的条件在两个html模板之间切换

Question

我是骨干js的新手...我有一个应用程序，需要在骨干视图中的两个不同html模板之间进行切换。我应该如何在单个视图中定义这些模板，并根据我的状况在该模板上呈现功能。

Answer 1

您可以通过以下方式呈现两个不同的模板

                                    <div>
                                        <%if(condition){%>>
                                              <div>Template 1</div>
                                        <%}else{%>
                                             Template 2
                                                <%}%>
                                    </div>

Answer 2

var PersonView = Backbone.View.extend({
    tagName: 'li',

    template_1: _.template("<strong><%= name_1 %></strong> (<%= age_1 %>) - <%= occupation_1 %>"),
    template_2: _.template("<strong><%= name_2 %></strong> (<%= age_2 %>) - <%= occupation_2 %>"),
    initialize: function(){
        this.render();
    },

    render: function(){
        if (condition) {
          this.$el.html( this.template_1(this.model.toJSON()));
        } else {
            this.$el.html( this.template_2(this.model.toJSON()));
        }
    }
});