Странный массив отображения поведения в observableArray с помощью ko.mapping.fromJS

Question

Я пытаюсь отобразить массив объектов в observableArray с помощью плагина отображения нокаута. Каким-то образом это, кажется, не работает для меня вообще.

Я только что проверил с консолью Crome, чтобы проверить:

ko.mapping.fromJS( [ { x: 1, y: "test" } ] )

returns:
[]

Что я делаю неправильно? Если я попробую следующее

ko.mapping.fromJS( [ { x:1, y: "test" } ][0] )

returns an object containing x and y as observables...

все работает хорошо Разница лишь в том, что я поставляю только один объект вместо массива объектов. Но если я правильно прочитал документацию подключаемого модуля отображения, он сможет обрабатывать создание observableArray из обычного массива.

Спасибо за вашу помощь,
Andreas

Answer 1

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

Answer 2

Это то, что он должен делать (по крайней мере, в теории / документации), но, очевидно, это не то, что он делает. У меня такая же проблема, и я считаю, что другие тоже: https://groups.google.com/forum/?fromgroups=

Объект должен быть:

{ "someName" : [ { x: 1, y: "test" } ] }

Чтобы придерживаться схемы вашего объекта, вы можете использовать ko.utils.arrayMap для сопоставления объекта с вашей KO ViewModel: http://www.knockmeout.net/2011/04/utility-functions-in-knockoutjs.html

function Item(name, category, price) {
    this.name = ko.observable(name);
    this.category = ko.observable(category);
    this.price = ko.observable(price);
    this.priceWithTax = ko.dependentObservable(function() {
        return (this.price() * 1.05).toFixed(2);
    }, this);
}

//do some basic mapping (without mapping plugin)
var mappedData = ko.utils.arrayMap(dataFromServer, function(item) {
    return new Item(item.name, item.category, item.price);
});

РЕДАКТИРОВАТЬ

Я провел еще несколько исследований по этому вопросу, и вы МОЖЕТЕ на самом деле отобразить объект массива JS с отображением KO, однако объект after-map НЕ будет KO Observable Array. Это будет просто обычный объект массива JS, и, в этом отношении, вы можете связать данные с KO:

var bd = [ { x: 1, y: "bd test" }, { x: 2, y: "bd test 1dsf" } ];

var bdViewModel = ko.mapping.fromJS(bd);

// 'bdViewModel' is NOT KO Observable Array, so you can't use KO Binding. However, all the properties of 'bdViewModel' (x and y) are KO Observable.
//ko.applyBindings(bdViewModel, $("#bd").get(0));
console.log(bdViewModel());

// 'bdViewModel' must be called as function (with open and close parentheses) to see the data.
$.each(bdViewModel(), function (i, d) {
  $("#bdList").append("<li>" + d.y() + "</li>");
});

Вот JSBin для сравнения отображаемого массива JS и JSON: http://jsbin.com/uzuged/5/