委托"模板"绑定不起作用

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/