javascript - 如何定义使用先前值确定 Knockout 类的自定义绑定(bind)？

Question

我需要用 knockout 绑定(bind)一个表格，如果新值高于或低于前一个值，我希望表格单元格获得不同的 css 类。

我想到了不同的可能性，例如将以前的值存储在 bindingContext 中并有一个返回正确类的函数，但是是否可以添加一个自定义绑定(bind)处理程序来接收以前的值和新值？

Answer 1

尽管Jeff的和Sławomir的答案是可行的，我找到了一个替代方案，它不需要对 View 模型进行任何更改，也不依赖于更改 DOM 元素对象。

function subscribeToPreviousValue(observable, fn) {
  observable.subscribe(fn, this, 'beforeChange');
}

ko.bindingHandlers['bindingWithPrevValue'] = {
  init: function (element, valueAccessor) {
    var observable = valueAccessor();
    var current = observable();

    console.log('initial value is', current);

    subscribeToPreviousValue(observable, function (previous) {
      console.log('value changed from', previous, 'to', current);
    });
  }
};

当然，这只有在绑定(bind)属性是可观察的情况下才有效。