KnockOut 绑定视图模型

Question

我是新的 knockout.js。非常简单。尝试获取数据（通过 WebAPI - ajax 调用）。这是视图

<table>
<thead>
<tr>
<td>First Name </td>
<td>Last Name </td>
<td> Email </td>
</tr>
</thead>
<tbody data-bind="foreach:Contact">
<tr>
<td data-bind="text:FirstName"></td>
<td data-bind="text:LastName"></td>
<td data-bind="text:EmailAddress"></td>
</tr>
</tbody>
</table>

这是我的视图模型和 ajax 调用。Ajax 调用返回 3 条记录。名字、姓氏和电子邮件地址

<script type="text/javascript" >

    $(document).ready(function () {       
        var data = [];
        var viewModel = {
            Contact: ko.observableArray(data)
        };
   $.ajax({
            url: "http://localhost/AW/api/Person",
            type: "GET",
            dataType: "json",
            statusCode: {
                200: function (contacts) {
                    viewModel.Contact = contacts;
                }
            }
        });
        ko.applyBindings(new viewModel());
    });            
</script>

正如我所说的 API 成功地重复记录，但它没有绑定。可能是我在这里做一些愚蠢的事情。

Answer 1

ko.observableArray（如ko.observable）正在返回一个函数，因此您需要通过以新值作为参数调用它来设置其值：

200: function (contacts) {
    viewModel.Contact(contacts);
}

而且因为您的 viewModel 是一个对象字面量，而不是您需要编写的函数：

ko.applyBindings(viewModel);