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

Question

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

我需要使用映射插件获得相同的示例

我正在使用类似但更复杂的数组，嵌套 6 层深。我很确定如果我有这个例子，但使用映射插件，我会没事的。

---

对于以下内容，我猜它类似于：

var initialData = [
    { firstName: "Danny", lastName: "LaRusso", phones: [
        { type: "Mobile", number: "(555) 121-2121" },
        { type: "Home", number: "(555) 123-4567"}]
    },
    { firstName: "Sensei", lastName: "Miyagi", phones: [
        { type: "Mobile", number: "(555) 444-2222" },
        { type: "Home", number: "(555) 999-1212"}]
    }
];

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);

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