Question

我有一个Javascript ajax函数，用于从服务器检索注释（注意：我是Knockout JS的新手）：

function Comments() {
var self = this;
self.commentArray = ko.observableArray();
self.getNewerComments = function(lastCommentId) {
    pageId = $('body').attr('id');
    $.ajax({
        type: "GET",
        dataType: "json",
        url: "Controller/getNewerComments/" + pageId + "/" + lastCommentId,


    })
            .done(function(data) {

                self.commentArray = ko.observableArray(data);
                alert(self.commentArray[0].authorName);


            })

}

}

通过警报，我可以看到确实设置了值，在我的JS文件的开头，我有以下代码：

var comments = new Comments();
ko.applyBindings(comments);
comments.getNewerComments(0);

在html文件中：

<!-- ko foreach: commentArray -->
<li>Item <span data-bind="text: $index"></span></li>
<!-- /ko -->
</div>

但是，html文档中没有显示任何内容，甚至包括＆＃34; Item＆＃34; text，表示数组长度为0。 这里的问题是什么？为什么我不能使用数组值？

谢谢。

Answer 1

您应该使用现有的可观察数组（已绑定）而不是创建新数组：

.done(function(data) {
   self.commentArray(data);
   alert(self.commentArray[0].authorName);
 })

Answer 2

您需要两次设置可观察数组。在开始和再次在Ajax电话。一旦你建立了模型并应用绑定，就不需要再次使用observable了。它已经完成了。将处理与模型关联的数据对象的任何更改。

Knockout JS数组空还是无法检索值？

2 个答案: