我可以在Knockout中“扩展”这个“值”绑定来进行简单的字符替换吗?

嗯,我找到了一些可行的方法——尽管我不相信这是一个可靠的解决方案。

我实际上更换了 init 内置的方法 value 绑定到每当写入值时都进行字符转换的对象:

( 注意:下面的代码是typescript,而不是普通的javascript )

    const originalInit = ko.bindingHandlers.value.init;

    ko.bindingHandlers.value.init = (
        element: any,
        valueAccessor: () => any,
        allBindingsAccessor: KnockoutAllBindingsAccessor,
        viewModel: any,
        bindingContext: KnockoutBindingContext
    ): void => {

        const wrappedValueAccessor = () => {
            const observable = valueAccessor();
            return ko.computed({
                read: () => ko.unwrap(observable),
                write: (newValue) => { observable(to8Bit(newValue)); }
            });
        };

        originalInit(element, wrappedValueAccessor, allBindingsAccessor, viewModel, bindingContext);
    };

( to8Bit 是执行字符替换的函数)。

改变主意…:-)

您可以创建一个自定义绑定处理程序,该处理程序将围绕knockout的绑定处理程序进行封装,并可以在其中添加自定义逻辑。

例如:

ko.bindingHandlers.customValueHandler= {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {

// setup what happens when the binding initializes
// my custom logic here    


// call knockouts value bind init
ko.bindingHandlers.value.init(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext);

},
    update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {

// setup what happens when the observable update
// my custom logic here   

// you can then call knockouts update part of default handler
        ko.bindingHandlers.value.update(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext);
    }
}

通过这种方式,您可以使用原始“value”、“text”或任何其他敲除内置绑定的默认功能,同时还可以围绕它包装您自己的自定义逻辑。 这当然意味着您必须将数据绑定重新写入新的自定义处理程序。