javascript - 单个元素上相同类型的两个自定义绑定(bind)

Question

我有以下代码:

ko.bindingHandlers.myBinding = {
    update: function(element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        alert(value);
    }
};

ko.applyBindings({
    firstValue: ko.observable(true),
    secondValue: ko.observable(false)
});

<input data-bind="myBinding: firstValue, myBinding: secondValue"/>

运行它只会产生一个带有“false”的警告框。是否有我可以利用的设置来获得预期的行为，或者我的选择仅限于这样做:

var temp = {
    update: function(element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        alert(value);
    }
};

ko.bindingHandlers.myBinding = temp;
ko.bindingHandlers.myBinding2 = temp;

ko.applyBindings({
    firstValue: ko.observable(true),
    secondValue: ko.observable(false)
});

<input data-bind="myBinding: firstValue, myBinding2: secondValue"/>

谢谢

Answer 1

您不能在同一元素上使用两个相同的绑定(bind)，因为它们是内部键控的。

您需要创建一个接受两个值的绑定(bind)或一个值数组，例如:

data-bind="myBinding: [firstValue, secondValue]"

然后对每个进行操作。

否则，您可以按照您的建议创建多个指向同一函数的绑定(bind)。