如何使knockout.js中的ViewModel绑定到从WebAPI返回的匿名集合？

Question

下面的代码适合我

<div id="TickerBox" style="float: right;">
    Newly Added Customer  :<span data-bind="text: lastCustomer"></span><br />
    Newly Added Product   :<span data-bind="text: lastProduct"></span><br />
    Newly Added Company   :<span data-bind="text: lastCompany"></span><br />
    Total No of Customers :<span data-bind="text: customerCount"></span><br />
    Total No of Products  :<span data-bind="text: productCount"></span><br />
    Total No of Companies :<span data-bind="text: companyCount"></span><br />
</div>

<script type="text/javascript">
    var myViewModel =
        {
            lastCustomer: ko.observable(''),
            lastProduct: ko.observable(''),
            lastCompany: ko.observable(''),
            productCount: ko.observable(0),
            customerCount: ko.observable(0),
            companyCount: ko.observable(0)
        }

    ko.applyBindings(myViewModel, document.getElementById('TickerBox'));

    $.getJSON('/api/product', function (data) {
        myViewModel.companyCount(data.companyCount);
        myViewModel.customerCount(data.customerCount);
        myViewModel.productCount(data.productCount);
        myViewModel.lastCompany(data.lastCompany);
        myViewModel.lastCustomer(data.lastCustomer);
        myViewModel.lastProduct(data.lastProduct);
    });
</script>

但我想制作一个ViewModel，它可以在调用AJAX Request时直接与JSON对象绑定。 而不是每次都为每个可观察的值分配值，ViewModel可以作为集合进行优化吗？

Answer 1

你看过淘汰映射插件了吗？

你这样使用它：

var viewModel = ko.mapping.fromJSON(data);

在你的getJSON成功函数里面。