在 KnockoutJS 中映射时如何聚合？

Question

我已经使用 KnockoutJS 工作了几天，我刚刚遇到了一个我无法解决的简单问题！ 我有一个这样的模型：

function Contact() {
        var self = this;
        self.name = ko.observable("");
        self.phones = ko.observableArray([]);
        self.faxes = ko.observableArray([]);
        self.address = ko.observable("");
}

如果每个联系人包含多个电话或传真，我必须调用将返回重复行的服务。例如：

{{"name":"Name1","phone":"1234","fax":"5654","address":"abc"},{{"name":"Name1","phone":"2323","fax":"8787","address":"abc"}}

我像这样调用服务器：

self.GetContacts = function () {
        $.getJSON(self.queryUrl(),
        function (data) {
            if (data.results) {
                self.contacts(ko.toJS(data.results));
            }
        });

没有办法在服务器端聚合它，因为它是一个开箱即用的工具，唯一可能的方法是在客户端聚合它。

如何在绑定它们之前使用我的自定义模型聚合它们？

Answer 1

我会做这样的事情：

function aggragateContacts(data) {
    var contacts = [];
    ko.utils.arrayForEach(data, function (contactData) {
        // looking an existing contact with the same name and address
        var contact = ko.utils.arrayFirst(contacts, function (c) {
            return c.name() == contactData.name && c.address() == contactData.address;
        });
        // otherwise create one 
        if (contact == null) {
            contact = new Contact();
            contact.name(contactData.name);
            contact.address(contactData.address);
            contacts.push(contact);
        }
        contact.phones.push(contactData.phone);
        contact.fax.push(contactData.fax);
    });
}


self.GetContacts = function () {
    $.getJSON(self.queryUrl(),

    function (data) {
        if (data.results) {
            self.contacts(aggragateContacts(ko.toJS(data.results)));
        }
    })
}