与敲除和映射 .toJS 辅助方法不一致

Question

我有一个视图模型，它有一些现有的属性。

model.prop1 = ko.observable("");
model.prop2 = ko.observable("");

然后我将一些数据映射到这个模型上，这将更新 prop1 的值。

var data = {prop1: 'blah'};
ko.mapping.fromJS(data, {}, model);

我现在打电话给ko.toJS 和ko.mapping.toJS 时有些不一致

使用ko.toJS，它按预期将模型序列化：

[object Object] {
  model: [object Object] {
    __ko_mapping__: [object Object] { ... },
    prop1: "blah",
    prop2: ""
  }
}

我使用了映射插件，所以它有一些我不想要的多余数据（ko_mapping）。

因此，我使用ko.mapping.toJS，但这并没有序列化所有属性...仅序列化已映射的属性。 我的理解是这会像ko.toJS 那样序列化所有内容？

[object Object] {
  model: [object Object] {
    prop1: "blah"
  }
}

这是预期的行为还是我发现了错误？

JSBin : https://jsbin.com/jupemoneri/6/edit?js,console

Answer 1

您要解释的是映射器的正常行为，它有一个解释：当您将模型绑定到视图时，只会绑定现有的可观察属性。如果稍后添加新的 observable 属性，它将不起作用。视图只会知道绑定时存在的 observbale 属性的变化。

因此，您需要修改第一次创建模型的方式，使其包含所有必要的属性。最简单的方法是使用具有所有属性的 javascript 对象，将其与从服务器接收到的对象混合，然后使用 ko.mapping.fromJs 将其转换为模型。像这样的：

// This is an empty object with all the excpected properties
var completeObject { a: null, b:null, c: null }; 

// "Mix in" the properties from the received, incompelte, object:
// An easy way to do it is using jquery https://api.jquery.com/jquery.extend/
$.extend(completeObject,incompleteObjectFromServer);

// 使用映射创建视图模型： var model = ko.mapping.fromJs(completeObject);

完成此操作后，您将获得一个“完整”模型，其中所有必需的属性都转换为可观察的属性，因此它们都可以绑定到视图。当您稍后使用映射插件时，这些可观察的属性将被正确更新，并且视图将对更改做出反应。

请注意，当您进行映射时，除了 observables 之外，模型还包括在最初映射对象时创建的配置，并且当您使用 ko.mapping.fromJs() 时，此配置将用于后续映射。

还有其他可能的技术可以获得相同的结果，例如：

• “手动”接收不完整的对象并包含缺失的属性
• 为映射提供选项，以便按预期创建对象。请参阅ko.mapping docs 中的选项部分。
• 修改服务器以使其返回“完整”对象。其余必需的属性是否为 null 无关紧要，但它们必须在返回的对象中。

注意：关于ko.toJS，它与映射无关：它只是返回一个新对象，其中提供的对象中的可观察属性转换为常规属性，其余属性保持原样.