使用映射Knockout.js联系人编辑器示例

Question

我正在看这个例子:http://knockoutjs.com/examples/contactsEditor.html

我需要得到相同的例子与映射插件

工作

我正在使用类似的东西，但更复杂的数组，嵌套6级深。我很确定，如果我有这个例子，但与映射插件，我将是好的。

---

对于以下内容，我猜应该是这样的:

var initialData = [
    { firstName: "Danny", lastName: "LaRusso", phones: [
        { type: "Mobile", number: "[phone]" },
        { type: "Home", number: "[phone]"}]
    },
    { firstName: "Sensei", lastName: "Miyagi", phones: [
        { type: "Mobile", number: "[phone]" },
        { type: "Home", number: "[phone]"}]
    }
];
var ContactsModel = function(contacts) {
    var self = this;

//我完全迷路了!? ? ?//

    self.contacts = ko.mapping(contacts, function(contact) {
        return { firstName: contact.firstName, lastName: contact.lastName, phones: ko.observableArray(contact.phones) };
    });
    self.addContact = function() {
        self.contacts.push({
            firstName: "",
            lastName: "",
            phones: ko.observableArray()
        });
    };
    self.removeContact = function(contact) {
        self.contacts.remove(contact);
    };
    self.addPhone = function(contact) {
        contact.phones.push({
            type: "",
            number: ""
        });
    };
    self.removePhone = function(phone) {
        $.each(self.contacts(), function() { this.phones.remove(phone) })
    };
    self.save = function() {
        self.lastSavedJson(JSON.stringify(ko.toJS(self.contacts), null, 2));
    };
    self.lastSavedJson = ko.observable("")
};
ko.applyBindings(new ContactsModel(initialData));

Answer 1

尝试:

self.contacts = ko.mapping.fromJS(contacts);

你需要使用映射插件上的方法，而不是仅仅调用插件本身。