这可能是一个非常简单的问题,但我很难找到答案.
使用骨干,我有这条线：
Person = Backbone.Model.extend();
然后我在从URL填充的集合中使用它.为了这个例子,假设我有名字和姓,我想做的事情如下：
Person = Backbone.Model.extend({
FullName: this.get("firstName") + " " + this.get("lastName")
});
我可以使用例如People.first().FullName()来调用骨干内部.但是,如果我将People.first()传递给我的视图并在模板中呈现它,它似乎不知道FullName是什么.
如何在Backbone中为模型添加自定义属性并在模板中使用？
干杯!
解决方法
你的FullName定义没有任何意义,所以我假设你真的是这个意思：
Person = Backbone.Model.extend({
FullName: function() {
return this.get("firstName") + " " + this.get("lastName");
}
});
通常,您将在模型上调用toJSON来序列化它们以供模板使用：
var html = template({ person: person.toJSON() })
default toJSON只返回模型内部属性的(浅)副本.据推测,属性可以同时具有firstName和lastName属性,但FullName是模型上的一个函数,因此它不在属性中.
你可以提供自己的toJSON：
toJSON: function() {
var j = _(this.attributes).clone();
j.FullName = this.FullName();
return j;
}
然后你的模板中有一个FullName.但是,toJSON也用于序列化模型以将数据发送到服务器;你的服务器最终会看到一个FullName,它可能会对此感到不安.您可以专门为模板添加另一个序列化程序：
// `serialize` is another common name for this
for_template: function() {
var j = this.toJSON();
j.FullName = this.FullName();
return j;
}
然后使用该函数为模板提供数据：
var html = template({ person: person.for_template() });
