剔除纯计算的 observable 不更新

Question

具有以下模型：

  var dataModel = ko.observable({ someProp: ko.observable() });

  var isValid = ko.pureComputed(function () {
    return dataModel().isValid;
  });

我有以下功能：

      function testMe() {
          dataModel().isValid = false; // This does not work, why?
          console.log("isValid: " + isValid()); // Doesn't update, shows old value 

          dataModel({ isValid: false }); // This works however I loose all other properties
          console.log("isValid: " + isValid()); // Prints correctly updated value

          console.log(ko.toJSON(dataModel()));          
      }

每当我运行 testMe()

dataModel.isValid = false

并执行

console.log("isValid:" + isValid())

即使我在上面将其设置为 false，它仍然设置为“true”...为什么？我让它工作的唯一方法就是做

dataModel({ isValid: false }); 但是这样我就失去了模型中的所有其他属性。我怎样才能做到这一点？

我做错了什么？

Answer 1

isValid 不是可观察的。计算对象只有在其可观察对象之一发生更改时才知道更新。或者，您可以使用dataModel.valueHasMutated() 告诉 Knockout dataModel 已更改（这是计算查看的可观察对象，将导致计算重新计算）。

不过，我建议使用 observable。试试这样的：

var dataModel = ko.observable({
  someProp: ko.observable(),
  isValid: ko.observable(true)
});

var isValid = ko.pureComputed(function() {
  return dataModel().isValid();
});

function testMe() {
  console.log("isValid: " + isValid());
  dataModel().isValid(false);
  console.log("isValid: " + isValid());

  console.log(ko.toJSON(dataModel()));
}

testMe();

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>