Question

我试图找到一种方法将一些值作为对象绑定到元素

如果我像这样绑定

，它会起作用

var viewModel = { 
    someObj: ko.observable(),
    textBox: { 
        value: ko.observable('val'),
        attr: { title: 'Test', placeholder: 'Test' },
        style: { width: '100px' }
    }
}

<input type="text" data-bind="value: textBox.value, attr: textBox.attr, style: textBox.style />

但有没有办法像这样绑定

<input type="text" data-bind="bindFrom: textBox" />

我尝试创建一个customBinding＆＃34; bindFrom＆＃34;使用ko.bindingHandlers 但不知道如何手动触发这些单独的绑定。

寻求帮助！

提前致谢。

Answer 1

阅读knockout.debug.js后

我创建了这个自定义绑定

ko.bindingHandlers.bindFrom = {
    init: function (element, valueAccessor, allBindings) {
        var value = ko.utils.unwrapObservable(valueAccessor()) || {};
        ko.utils.objectForEach(value, function (bindName, bindValue) {
            bindObj = ko.bindingHandlers[bindName];
            ko.utils.objectForEach(bindObj, function (type, fn) {
                if (typeof fn == 'function')
                    fn(element, function () { return bindValue }, allBindings);
            });
        });
    }
};

正常工作就像预期一样。

在 JSFiddle

上查看

在数据绑定中使用对象进行Knockout绑定

1 个答案: