javascript - 委托的“模板”绑定不起作用

Question

小提琴：http: //jsfiddle.net/ZA5k9/

所以我想为模板绑定创建一个快捷方式，如下所示：

ko.bindingHandlers.shortcut = {
        init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {
            var data = valueAccessor();
            var nextValueAccessor = function () {
                return  { name: 'someTemplate', data: data };
            };
            ko.bindingHandlers.template.init.call(this, element, nextValueAccessor, allBindings, viewModel, bindingContext);
        }
}

HTML：

<div data-bind="shortcut: 'Hey!'"></div>
<script type="text/html" id="someTemplate">
   <div data-bind="text: $data"></div>
</script>

定义了“someTemplate”模板。只是不说什么是行不通的。我在这里做错了什么？

Answer 1

您的问题本质上是您没有调用update模板绑定的功能。您可能会发现使用稍微不同的方法来包装绑定更容易，因此您只需使用该init函数：

ko.bindingHandlers.shortcut = {
        init: function(element, valueAccessor, allBindings, viewModel, bindingContext) {

            ko.applyBindingAccessorsToNode(element, {
                template: function() {
                    return {
                        name: 'someTemplate',
                        data: valueAccessor()
                    };
                }
            }, bindingContext)

            return { controlsDescendantBindings: true };
        }
};

示例：http: //jsfiddle.net/rniemeyer/RXu9t/

如果您仍在使用 KO 2.x，那么您可能希望ko.applyBindingsToNode改用：

        ko.applyBindingsToNode(element, {
            template: {
                name: 'someTemplate',
                data: valueAccessor()
            }
        }, bindingContext);

示例：http: //jsfiddle.net/rniemeyer/79yG8/