2

我想将此 json 映射到自定义对象。问题是项目不是类型项目对象而是普通对象。我在这里缺少什么？

你可以在这里测试：http: //jsfiddle.net/5jhpE/

var json = [
    {
        id: 1,
        items: [
            {id: 1, name: 'item1'},
            {id: 2, name: 'item2'},
            {id: 3, name: 'item3'}
        ]
    },
    {
        id: 2,
        items: [
            {id: 4, name: 'item4'},
            {id: 5, name: 'item5'},
            {id: 6, name: 'item6'}
        ]
    },
]

function Data(data) {
    ko.mapping.fromJS(data, {}, this);
}

function Item(data) {
    ko.mapping.fromJS(data, {}, this);
}
var map = {
    create: function(options) {
        return new Data(options.data);
    },
    items: function(options) {
        return new Item(options.data);
    },
}

var res = ko.mapping.fromJS(json, map);

输出：

console.log(res());
[Data, Data]
--
console.log(res()[0].items());
[Object, Object, Object] <-- Here I want to have [Item, Item, Item]
4

2 回答 2

6

我以这种方式更改了您的映射器选项

var map = {
    'items': {
        create: function(options) {
            return new Item(options.data);
        }
    }
}

看起来不错；你能试试吗？

如果你需要：jsfiddle 控制台输出是你想要的[Item, Item, Item]；

我允许添加一个小建议：如果您需要以这种方式测试 typeof：

typeof res()[0].items()[0]

注意，这可能很棘手！

为了避免任何问题，我通常以这种方式声明 Item viewModel：

function Item(data) {
    var self = this;
    self.myType = 'item';
    ko.mapping.fromJS(data, {}, this);
}

所以你可以简单地测试，例如：

if('item' === res()[0].items()[0].myType) {
  //do something...
}

前段时间在stackoverflow中建议了这个“myType”技巧：我会尽快在此处发布链接我会找到该帖子

于 2013-04-18T16:55:52.910 回答
2

看看这个问题：Map JSON data to Knockout observableArray with specific view model type

它映射自定义嵌套对象，还包含一个这样做的小提琴。

于 2013-04-18T17:12:46.647 回答