Backbone.js的：模板不能识别模型

Question

我有一个模板：

<script type="text/template" id="action-template-item"> 
    <span data-layer="<%= target%>" data-uuid="<%= uuid%>">delete</span> 
</script> 

我呈现模板在视图

window.ActionView = Backbone.View.extend({ 
      template: $("#action-template-item").html(), 
      initialize: function() { 
       this.render(); 
      }, 
      render: function() { 
       var tmpl = _.template(this.template); 
       console.log(this.model);//model have "target" 
       this.$el.html(tmpl(this.model)); 
       return this; 
      } 

    }); 

模板有从模型数据只有两个属性，

它呈现之前，我用控制台检查模型是否有target的值，答案是肯定的，就像上面的注释一样，

我的模型数据就像是：

{ 
    target: "xxx-xxx-xxx", 
    uuid: "xxx-xxx-xx" 
} 

但萤火虫告诉我"target is not defined"

发生了什么事有什么错我的代码？

Answer 1

你的模型可能是这个样子：

var M = Backbone.Model.extend({}); 
var m = new M({ 
    target: "xxx-xxx-xxx", 
    uuid: "xxx-xxx-xx" 
}); 

演示（打开控制台，你会看到你的错误）：http://jsfiddle.net/ambiguous/Rnd6k/

所以，当你说

//model have "target" 

你可能意味着this.model.attributes.target存在。 Backbone模型属性和JavaScript对象属性不是同一回事，Underscore模板将寻找对象属性，他们不知道任何关于Backbone模型属性。

通常的方法是使用toJSON序列化模型时，要呈现一个观点：

render: function() { 
    var tmpl = _.template(this.template); 
    this.$el.html(tmpl(this.model.toJSON())); 
    return this; 
} 

演示：http://jsfiddle.net/ambiguous/Rnd6k/