knockout.js - knockout.js 并在 2.3.0 版本中应用绑定两次

Question

我升级到了 knockout.js 2.3.0，现在我得到了错误Uncaught Error: You cannot apply bindings multiple times to the same element。应用绑定第二次发生在renderTemplate下面，无论如何要修复它？

ko.bindingHandlers.eventsMap = {
        update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
            var accessor = valueAccessor();
            ko.renderTemplate(accessor.name, accessor.data, {}, element, 'replaceChildren');
        }
    };


<div id="events-template" data-bind="eventsMap: { data: eventsMap.currentLocation, name: 'event-template'}"></div>

<script type="text/html" id="event-template">
    <!-- ko if: $data -->
    <div><b data-bind="html: $data.City"></b></div><hr/>

    <div class="events-list" data-bind="with: $data.Events">
        <div data-bind="foreach: { data: $data, afterRender: function(element, index, data) { $(element).filter('.span12').find('a[rel!=nofollow]').attr('target', '_blank') }}">
            @Html.Partial(MVC.Shared.Views.Controls.Events)
        </div>
    </div>
    <!-- /ko -->
</script>

Answer 1

我想你可能对这个问题有误解。如果您告诉 Knockout 您的绑定处理程序控制模板本身中子元素的绑定，则错误将消失。所以：

ko.bindingHandlers.eventsMap = {
        init: function(elem, valueAccessor) { 
            return {controlsDescendantBindings: true};
        },
        update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
            var accessor = valueAccessor();

            ko.renderTemplate(accessor.name, accessor.data, {}, element, 'replaceChildren');
        }
    };

请参阅“之前”和固定“之后”小提琴。