如何从 Marionette.js ItemView 模板访问 Backbone.Model 方法？

Question

我正在尝试使用主干/marionette.js 从 .eco 模板中访问模型的方法。我有一个带有day() 方法的Expense 模型，该方法使用moment.js 返回'13th'；例如：

class Expense extends Backbone.Model
  day: ->
    moment.get('date').format('Do')

我可以如下新建Expense，并调用day()方法：

coffee = new Expense({name: "Coffee", amount: 2.50, date: "2014-01-13T13:50:00Z"})
coffee.day() # 13th

但是，尝试从以下视图和模板中访问 day() 会给我带来一些问题：

class ExpenseView extends Marionette.ItemView
  template: "views/_expense"

# views/_expense.jst.eco
<h3 class="expense__name"><%= @name %></h3>
<p class="expense__day"><%= @day() %></p>

我理解为什么它不起作用...ItemView 调用 serializeData 返回 @model.toJSON()...因此，Expense 的 day() 方法是'不可访问。骨干/牵线木偶社区中是否存在使模型方法可用于模板的既定模式？

到目前为止，我已经完成了以下工作：

class ExpenseView extends Marionette.ItemView
  template: "views/_expense"

  serializeData: ->
    _.extend(@model.toJSON(), model: @model)

  templateHelpers:
    day: ->
      @model.day()

但我不确定这是否是解决问题的最佳方法？谢谢！

Answer 1

您始终可以将其添加到 templateHelpers 或 serializeData - 但您真正要问的是一个虚拟属性 - 可以成为每个模板的一部分，一个仅用作 @ 一部分的属性987654325@。通过这种方式，我们还可以在sync 事件（例如save()）上禁用它与服务器同步

有几个插件可以做到这一点，我个人最喜欢使用的是Backbone Mutators - https://github.com/asciidisco/Backbone.Mutators

像 Backbone Computed Fields - https://github.com/alexanderbeletsky/backbone-computedfields 这样的其他人会为您提供类似 Ember 的计算属性。

使用 Backbone Mutators，您可以在 Backbone 模型中编写您的 mutators。

class Model extends Backbone.Model
  mutators:
    day: ->
      moment.get('date').format('Do')

或者防止'day'属性同步到后端...

class Model extends Backbone.Model
  mutators:
    day:
      get: -> moment.get('date').format('Do')
      transient: true

day 属性现在将出现在所有 toJSON() 调用中。

Answer 2

你为什么不把它添加到 serializeData ？ （不记得 Coffee 语法了……）

serializeData: function(){
    var data = _.clone(this.model.attributes);
    data.day = this.model.day();
    return data;
}