Question

我是新的knockout.js.Very simple.trying获取数据（通过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>

这是我的viewmodel和ajax call.Ajax调用返回3条记录。 FirstName，LastName和EmailAddress

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

KnockOut绑定视图模型

1 个答案: