从JS中删除ko.mappings.fromJS不起作用

Question

我正在尝试使用敲除映射，但它并没有像我预期的那样工作。在这里，我创造了我能做的最简单的小提琴，但它不起作用。

我是不是错过了什么？

https://jsfiddle.net/p48d11j5/1/

function Model(){
    var self = this;
    self.Id = ko.observable(0);
    self.Name = ko.observable("Default");
    self.Visible = ko.observable(false);
    self.Items = ko.observableArray([]);
}
function ModelItem(){
    var self = this;
    self.Id = ko.observable(0);
    self.Name = ko.observable("Default item name")
}
var m = new Model();
ko.mapping.fromJS({
    Id:1,
    Name: "Test",
    Visible: true,
    Items: [
    {
        Id:1,
        Name:"First"
    },
    {
        Id:2,
        Name:"Second"
    }
  ]
}, m);
ko.applyBindings(m);

edit:我使用嵌套数组，所以我添加了数组

edit2：我想让模型"类型化"以使用函数或ko.计算它们的属性

Answer 1

如果用两个参数调用ko.mapping.fromJS：
ko.mapping.fromJS(data, mappedObject)，则第二个参数是已经创建的mappedObject。然后，第二个参数将被视为viewModel，而不是options。

你所要做的就是：ko.mapping.fromJS（data，{}，viewModel）-这一步将你的数据放入你的模型中。

ko.mapping.fromJS({
    Id:1,
    Name: "Test",
    Visible: true,
    Items: [{Id: 1, Name: "First"}, {Id: 2, Name: "Second"}]
  }, {} ,m);  // pass the second argument as an empty object.

Answer 2

试试这个

var m = ko.mapping.fromJS({
    Id:1,
  Name: "Test",
  Visible: true,
  Items: [
    {
        Id:1,
      Name:"First"
    },
    {
        Id:2,
      Name:"Second"
    }
  ]
}, new Model());
ko.applyBindings(m);

工作示例：https://jsfiddle.net/p48d11j5/2/

Answer 3

您可以尝试这样的操作，使用映射插件设置默认状态并应用更新：

// Set up the initial model.
var model = ko.mapping.fromJS({
    Id: 0,
    Name: "Default",
    Visible: false,
    Items: []
});
ko.applyBindings(model);
// Map new data from the "server"...
var model = ko.mapping.fromJS({
    Id:1,
    Name: "Test",
    Visible: true,
    Items: [
    {
        Id:1,
        Name:"First"
    },
    {
        Id:2,
        Name:"Second"
    }
    ]
}, model);
// ...or directly manipulate the model.
model.Id(2);
model.Items.push({Id: 3, Name: "Third"});

https://jsfiddle.net/3evtx022/