javascript - Knockout.js 计算数组属性

Question

我有一个 KnockoutViewModel ViewData，它有一个 Items 数组。这些项目是通过 $post 从服务器读取的。

现在这个项目都有一个id和一个链接字段。可以通过组合框在 ui 中更改 id。当 id 改变时，我想更新链接。

为此，我将id属性重新分配为可观察，并将链接属性创建为计算 .

结果，引发了计算事件。但我不知道如何正确引用链接字段。使用项目引用，我总是获得在 for 循环中处理的最新元素。

    $.post(url,
        function (data, status) {

            for (var index = 0; index < data.length; ++index) {
                item.Id = ko.observable(data[index].Id);
                item.Link = ko.computed(function () {
                    return  url.replace(urlTemplate, item.Id());;
                });
            }
            self.items(data);
        });
}

我还尝试创建一个 ItemModel 来表示该项目并将每个服务器元素转换为新的 ItemModel，但随后我看到每个条目的最后一个项目的数据。

我做错了什么？

  $.post(url,
                function (data, status) {
                    var items = $.map(data, function (item) { return new ItemModel(item) });
                    self.items(items);
                });

Answer 1

尝试为 for 循环中的每个项目创建一个新的项目对象。像这样的事情，

self.items = ko.observableArray();
for (var index = 0; index < data.length; ++index) {
       var item = {
           Id: ko.observable(data[index].Id),
           Link: ko.computed(function () {
                 return url.replace(urlTemplate, data[index].Id);
           });
       };
self.items.push(item);
}