BackboneJS with HandelbarJS：如何访问模型函数？

Question

我正在探索使用HandelbarsJS和主干的设置。

这是我的模板的一部分：

<a href="#genre/{{ name }}" class="genre-item" data-genre="{{ name }}">
  <i class="icon-chevron-{{#if is_selected }}down{{else}}right{{/if}}"></i>
  {{ display_name }} ({{ total }})
</a>

含义：我想呈现不同的图标，这取决于是否选择了模型。然而，我从来没有得到'图标V形下降'，但总是'图标V形正确'的路径。你知道我遗漏了什么吗？

编辑

类型的选择在模型级工作，如下所示：

MA.Models.Genre = Backbone.Model.extend({
    defaults: {
        selected: false
    },

    is_selected: function() {
        return (this.get('selected') == true);
    },

    toggle: function() {
        if (this.is_selected()) {
            this.set('selected', false);
        }
        else
        {
            this.set('selected', true);
        }
    }
});

MA.Collections.Categories = Backbone.Collection.extend({
    model: MA.Models.Genre  
});

这可能会被简化，但我并没有从远程服务中获得类型的选择，但它只是用作临时状态更改。

Answer 1

如果没有看到你眼中发生的事情，很难分辨。但是你可能有一个渲染函数，看起来像：

HandlebarsTemplate['templatename'](this.model.toJSON());

toJSON默认情况下仅包括模型属性。此外，车把不会像那样在飞行中评估功能。

最简单的解决方案是将模板修复为：

<a href="#genre/{{ name }}" class="genre-item" data-genre="{{ name }}">
    <i class="icon-chevron-{{#if selected }}down{{else}}right{{/if}}"></i>
    {{ display_name }} ({{ total }})
</a>

我已将is_selected更改为selected以使用属性而不是函数。

另一个选项是修改模型的toJSON函数以包含计算函数：

MA.Models.Genre = Backbone.Model.extend({
    defaults: {
        selected: false
    },

    is_selected: function() {
        return (this.get('selected') == true);
    },

    toJSON: function(options) {
        var attrs = _.clone(this.attributes);
        attrs.is_selected = this.is_selected();
        return attrs;
    }
});