Question

我想使用Underscore模板和Backbone的辅助函数。现在我这样做：

查看：

var View = Backbone.View.extend({
    // ...
    template: getTpl('#b_ezlo', 1),
    // ...
    render: function(){
        this.$el.html( this.template(this.model.toJSON()) );
    }
});

模板getter：在这里，我通常返回模板以及辅助函数。问题是当我prepare时我无法返回辅助函数，因为它还需要返回模板的其他变量，这会导致undefined getDisabledState：

function getTpl(tpl, options) {
    if (!tpl) return;
    if (!options) options = null;
    var prepare = false;
    if (options == 1) {
        // this is called on View initialization
        // with template: getTpl('#b_ezlo', 1),
        options = {};
        prepare = true;
    }

    var viewHelpers = {}

    if (tpl == "#b_view") {
        console.log("prepare", prepare);
        viewHelpers.getDisabledState = function() {
            if (typeof options.disabled != "undefined") {
                return options.disabled;
            } else {
                return '';
            }
        }
    }

    _.extend(options, viewHelpers);

    if (prepare) {
        return _.template($(tpl).html());
    } else {
        return _.template($(tpl).html())(options);
    }
}

我想使用帮助器的模板（Jade）的一部分：

.icon-block(data-disabled!="<% if (typeof getDisabledState != 'undefined') {getDisabledState()} %>")

我不喜欢的是if (typeof getDisabledState != 'undefined')部分，这在模板中并不好用。

那么，如果还有其他方法来准备带辅助函数的模板吗？

Answer 1

感谢Evgeniy的评论，很可能会以MarionetteJS的方式做到这一点 - 在视图中定义帮助者。

http://marionettejs.com/docs/marionette.view.html#viewtemplatehelpers

Backbone将Underscore模板与帮助程序一起使用

1 个答案: