Knockout.js 将 JSON 映射到 observable-array答案

【问题标题】：Knockout.js mapping a JSON into an observable-arrayKnockout.js 将 JSON 映射到 observable-array
【发布时间】：2017-09-23 03:25:08
【问题描述】：

我想使用 Knockout.js 为我的 REST-Service 构建一个客户端。我有很多我想通过不同的 url 访问的存储库 - 所以我使用 Revealing-Prototype-Pattern 提出了这个解决方案。我的问题：我不知道如何将 ItemsProperty 与从我的服务收到的“数据”映射。

var Repository = function (url) {
    this.Url = url;
    this.Items = ko.observableArray([]);
    this.PendingItems = ko.observableArray([]);
};

Repository.prototype = function () {
    var  
        getAllItems = function () {
            var self = this;
            $.getJSON(self.Url, function (data) {
            // data=[{"Id":1,"Name":"Thomas","LastName":"Deutsch"},{"Id":2,"Name":"Julia","LastName":"Baumeistör"}]
                ko.mapping.fromJS(data, self.Items);
            });
        }, 
    ...


// i call it like this:
customerRepository = new Repository('http://localhost:9200/Customer');
customerRepository.getAllItems();

我认为问题出在：ko.mapping.fromJS(data, self.Items); 但我找不到正确的方法。
问题：我做错了什么？我找到了一个例子——我认为他们也在做同样的事情：http://jsfiddle.net/jearles/CGh9b/

【问题讨论】：

标签： mapping knockout.js revealing-module-pattern

【解决方案1】：

我相信 fromJS 的两个参数版本仅用于先前映射的对象，即它们具有隐式的空映射选项对象。由于您的映射是第一次运行，它需要像这样提供空选项对象。

ko.mapping.fromJS(data, {}, self.Items);

http://jsfiddle.net/madcapnmckay/j7Qxh/1/

希望这会有所帮助。

【讨论】：

供大家参考，本例中间的空对象字面量是映射选项对象的空占位符。