淘汰赛 - 在视图模型中更新 observableArray

Question

我希望将我的视图模型作为 JSON 字符串保存到数据库中。这个想法是，我可以通过读回 JSON 并使用直接方法加载我的视图模型的数据来重新加载我的视图模型：

来自 Knockout 文档：

// Load and parse the JSON
var someJSON = /* Omitted: fetch it from the server however you want */;
var parsed = JSON.parse(someJSON);

// Update view model properties
viewModel.firstName(parsed.firstName);
viewModel.pets(parsed.pets);

这一切都很好，但是我已经初始化了我的模型并且我只是用我已经保存的模型来更新它，我看不到如何在数组的下拉列表中选择最初选择的条目-下列表。

换句话说，当我保存我的模型时，宠物下拉列表被选择为“猫”。然后我将下拉列表选择更改为“狗”。在重新加载保存的模型时，我需要将下拉列表选择重置为“Cat”。

我对此有点担心，因为我有一些对象数组也需要从保存的模型中读取，而且看起来很难做到。

欢迎任何想法或建议:)

Answer 1

您正在寻找的是 Knockout 的映射插件。 http://knockoutjs.com/documentation/plugins-mapping.html

它具有处理 JSON 到 observables 和返回的方法。

所以在你的例子中你可以这样做：

var viewModel = ko.mapping.fromJSON(someJSON);

当您准备好返回服务器时：

var jsonData = ko.mapping.toJSON(viewModel);

如果你需要的话，还有对象文字助手（ko.mapping.toJS & ko.mapping.fromJS）