使用自定义绑定更新元素文本

Question

我正在进行第一个自定义绑定。 我希望能够指定基于资源文件在元素上显示的文本。 像这样：

var exampleResource = {
    hello: 'world'
};

ko.bindingHandlers.resource = {

    init: function (element, valueAccessor) {

        var value = valueAccessor();

        ko.bindingHandlers.text.update(element, function() { 
            return exampleResource[value] || '';
        });
    }

};

<span data-bind="resource: 'hello'"></span>

我应该如上所述使用ko.bindingHandlers.text吗？

由于无法观察到资源变量，是否有必要为绑定添加update回调？ 如果我正确理解它，则仅当将observable作为值传递时才调用它？

Answer 1

如果要支持绑定处理程序动态输入，则需要update 。 在您的示例中，您没有这样做，但是可以 。 这是一个例子：

 var exampleResource = { hello: 'world', goodbye: 'drowl' }; ko.bindingHandlers.resource = { update: function (element, valueAccessor) { var key = ko.utils.unwrapObservable(valueAccessor()); ko.bindingHandlers.text.update(element, function() { return exampleResource[key] || key; }); } }; ko.applyBindings({ myObs: ko.observable('goodbye') }); 

 span { font-weight: bold; color: red; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script> Static: <span data-bind="resource: 'hello'"></span> <hr> Dynamic: <span data-bind="resource: myObs"></span> - based on: <select data-bind="value: myObs, options: ['hello', 'goodbye']"></select> 

如果您不需要这种动态性，则可以坚持使用旧的解决方案。 但是，在那种情况下，我会质疑KnockoutJS对于一般资源的附加价值：-)