单个元素上相同类型的两个自定义绑定

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

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

您需要创建一个接受这两个值或值数组的绑定，例如：

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

然后对每个值进行运算符。

否则，您可以按照您的建议进行操作，并创建多个指向同一函数的绑定。