Knockout.js - 无法包装 'with' 、 'foreach' 和其他模板绑定(bind)

Question

我正在尝试创建一个包含现有绑定(bind)的自定义绑定(bind)，即内置于 Knockout 中的“with”或“foreach”绑定(bind)。

不幸的是，这样做我得到以下错误:Uncaught TypeError: Cannot call method 'createChildContext' of undefined来自 knockout-latest.debug.js:3060 (该问题也出现在 2.1.0 版上)。

我转载了exception on jsFiddle ，使用谷歌浏览器 21.0.1180.57。

自定义绑定(bind)简单定义如下:

ko.bindingHandlers.myWith = {
    init: function(element, valueAccessor, allBindings, viewModel) {
        // do things
        return ko.bindingHandlers.with.init(element, valueAccessor,
                                            allBindings, viewModel);
    },

    update: function(element, valueAccessor, allBindings, viewModel) {
        return ko.bindingHandlers.with.update(element, valueAccessor, 
                                              allBindings, viewModel); 
    }
};

人们希望能够使用上面表格中的简单处理程序“包装”现有绑定(bind)，很多 like it is discussed in this article .

Answer 1

在 KO 2.0 中，绑定(bind)处理程序实际上接受了第 5 个参数，即绑定(bind)上下文。绑定(bind)上下文包含 $data 之类的内容。 , $parent , $parents , $root .

因此，您只需要转发该参数即可:

ko.bindingHandlers.myWith = {
    init: function(element, valueAccessor, allBindings, viewModel, context) {
        // do things
        return ko.bindingHandlers.with.init(element, valueAccessor,
                                            allBindings, viewModel, context);
    },

    update: function(element, valueAccessor, allBindings, viewModel, context) {
        return ko.bindingHandlers.with.update(element, valueAccessor, 
                                              allBindings, viewModel, context); 
    }
};

http://jsfiddle.net/rniemeyer/48uJg/2/

或者

ko.bindingHandlers.myWith = {
    init: function() {
        return ko.bindingHandlers.with.init.apply(this, arguments);
    },

    update: function() {
        return ko.bindingHandlers.with.update.apply(this, arguments);
    }
};