在Knockout.js自定义绑定处理器中显式设置值绑定处理器失效问题

你遇到的问题核心在于调用ko.bindingHandlers.value.init时，传入的valueAccessor参数不对。value绑定期望的valueAccessor是一个返回目标可观察对象（也就是你的FirstName）的函数，但你现在传入的是dynamicFormList绑定的配置对象访问器，这就导致value绑定无法正确关联到FirstName。

修正后的绑定处理器代码 #

把init方法里调用value.init时的valueAccessor替换成一个返回values.value的新函数，同时补充调用value的update方法，确保双向同步和初始值渲染都正常：

ko.bindingHandlers.dynamicFormList = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        var values = ko.utils.unwrapObservable(valueAccessor());
        if (values.observable && values.value) {
            // 传入正确的valueAccessor：返回要绑定的可观察对象FirstName
            const valueBindingAccessor = () => values.value;
            // 调用value绑定的init方法初始化事件监听
            ko.bindingHandlers.value.init(element, valueBindingAccessor, allBindingsAccessor, viewModel, bindingContext);
            // 调用update方法确保初始值渲染和后续同步
            ko.bindingHandlers.value.update(element, valueBindingAccessor, allBindingsAccessor, viewModel, bindingContext);
        }
    }
}

为什么这样改？ #

• ko.bindingHandlers.value.init需要的valueAccessor必须是能直接返回绑定目标（你的FirstName可观察对象）的函数，而不是整个dynamicFormList的配置对象，否则绑定无法建立正确的关联。
• 只调用init只能初始化输入框的事件监听，但初始值的渲染和后续值变更的同步还需要依赖update方法的执行，所以两个方法都要调用才能完全复刻原生value绑定的行为。

这样修改后，输入框的值会和FirstName可观察对象实现双向同步，效果和直接使用data-bind="value: FirstName"完全一致。

内容的提问来源于stack exchange，提问作者Mike Flynn