javascript - 基于最大值的 knockout 可观察到的依赖关系

Question

我必须观察 a 和 b。

viewModel.a = ko.observable(25);
viewModel.b = ko.observable(25);

它们的总和等于 50。更改 a 会影响 b，更改 b 会影响 a。所以显示的总和永远不会超过 50。

viewModel.a.subscribe(function(value){
    viewModel.b(50 - value);
});
viewModel.b.subscribe(function(value){
    viewModel.a(50 - value);
});

http://jsfiddle.net/5nq9g/
有没有办法在 knockout 中简化这个逻辑？

Answer 1

我认为你的方法很好，但你可以计算其中之一:

viewModel.b = ko.computed({
    read: function() {
        return 50 - viewModel.a();
    },
    write: function(value) {
        viewModel.a(50 - value);
    }
});

http://jsfiddle.net/ybeQm/

您还可以创建一个函数，为订阅返回一个新函数，这样您的逻辑只定义一次:

function createMaxFilter(restValueObservable) {
    return function(value) {
        restValueObservable(50 - value);
    };
}
viewModel.a.subscribe(createMaxFilter(viewModel.b));
viewModel.b.subscribe(createMaxFilter(viewModel.a));

http://jsfiddle.net/T4Hh3/