javascript - Backbone.js View 属性中的变量

Question

我试图通过使用模型的属性作为 View 中的变量来渲染 HTML block 。

App = Backbone.Model.extend({
        contentType: "text"
        });

AppView = Backbone.View.extend({
        ContentTpl: _.template( $('#slide-'+this.model.get('contentType')).html() ),

        render: function(){
             $('#wrapper').html( this.ContentTpl() );    
        }
        });

var app = new App();
var appView = new AppView({model: app});
appView.render();

HTML:

<div id="wrapper">
</div>

<script type="text/template" id="slide-text">
   <p>This is a test</p>
</scrip>

但这会导致错误......

Answer 1

你的观点定义错误。

你有

AppView = Backbone.Model.extend({

应该是

AppView = Backbone.View.extend({

并且，您无法在 View 初始化之前评估 this.model，请改为执行以下操作:

ContentTpl: function() {
   return _.template( $('#slide-'+ this.model.contentType).html() );
},

并且，contentType不是模型属性，它是模型对象上的属性，不能使用get()。

要将其定义为模型属性，您必须将其定义为模型中的默认值，或者在实例化对象时传递它:

var app = new App({contentType: 'text'});

或

App = Backbone.Model.extend({
  defaults: {
     "contentType": "text"
  }
});