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

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" />

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

寻求帮助！

提前致谢。

Answer 1

在阅读了击倒.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上查看