javascript - knockout -将值写入ko.computed

我在Knockout中构建了一个数据量很大的应用程序。我目前收到错误消息:



当我的自定义bindingHandler(将数字格式化为“大”格式，即123,345,678,987)试图写回原始输入时(显示已计算函数的值)时，就会发生这种情况。

在输入元素中显示的值:

self.value = ko.computed(function(){
    return self.chosenAge().population; // 'fetched' from an array.
});

绑定(bind)处理程序:

ko.bindingHandlers.largeNumber = {
    init: function(element, valueAccessor) {
        numberInit(element);
        var value = valueAccessor();
        var interceptor = ko.computed({
            read: function() {
                // inject number formatting
                return numeral(ko.unwrap(value)).format('0,0');
            },
            write: function(newValue) {
                // remove formatting when writing a new value
                value(numeral().unformat(newValue));
            }
        });
        // display new value in target element
        if(element.tagName.toLowerCase() == 'input' ) {
            ko.applyBindingsToNode(element, {
                value: interceptor
            });
        }
        else {
            ko.applyBindingsToNode(element, {
                text: interceptor
            });
        }
    }
};

最佳答案

您需要在ko.computed函数中指定“写”选项。请参阅documentation on computed observables。您的绑定(bind)处理程序与您的值更新失败无关。您的计算结果应如下所示:

self.value = ko.computed(function(){
    read: function () {
        return self.chosenAge().population; // 'fetched' from an array.
    },
    write: function (value) {
        //update your self.chosenAge().population value here
    },
    owner: self
});

希望这可以帮助。

关于javascript - knockout -将值写入ko.computed，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24062330/