在數據綁定中使用對象進行敲除綁定

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上查看