将模板绑定应用于ko.applyBindingsToNode

Question

我已经为集成owlcarousel创建了一个自定义绑定。模板渲染完成后，需要绑定轮播。我正在尝试使用ko.applyBindingsToNode来渲染模板绑定并在其上应用轮播，但它无法正常工作。传递给模板中的foreach的程序数组是一个observableArray。它在应用模板绑定后增长。

绑定应用于UL列表，其属性为：

class="owl-carousel" data-bind="owlcarouselTemplate: { templateOptions: { name: 'grid-row-template', list: programs }, carouselOptions: { items : 5 } }"

自定义绑定如下：

ko.bindingHandlers.owlcarouselTemplate = {
init : function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
/**/
    var value = ko.unwrap(valueAccessor());
    var tmplBinding = value.templateOptions;

    ko.applyBindingsToNode(element, { template: { name: tmplBinding.name, foreach: tmplBinding.list } }, bindingContext);


    /**/
},
update : function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
    var value = ko.unwrap(valueAccessor());
    var tmplBinding = value.templateOptions;
    var owl = $(element).data('owlCarousel');

    valueAccessor = function() {
        return { name: tmplBinding.name, foreach: tmplBinding.list };
    }

    ko.bindingHandlers.template.update(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext);

    if( owl ) {
        owl.destroy();
        owl.reinit();
    }
    else
        $(element).owlCarousel(value.carouselOptions);
}

}