KnockoutJS：订阅 observableArray 条目的内部可观察对象

Question

对于我目前的项目，我决定尝试淘汰赛，我想知道以下是否可行。我正在为一些基本的列表操作编写一个 Intranet 应用程序。该应用程序通过 AJAX 从 MVC 控制器获取数据。在我的回调函数中，我将条目填充到可观察数组中，如下所示：

function showData(data) { // ajax callback
   $.each(data, function (key, dmsEntry) {
        vm.listToShow.push(new dmsList(dmsEntry));  // adds new dmsEntry into observableArray
   });
}

dmsList 函数如下所示：

function dmsList(dmsEntry) {
       return {
          a: dmsEntry.a,
          b: dmsEntry.b,
          active: ko.observable(false)
       }
 }

当用户标记列表条目时，可观察到的“活动”将变为 true。所以我的问题是：

所以我想知道是否可以订阅“活动”可观察对象？因此，每次用户标记条目时，都会调用自定义函数并将条目推送到“markedEntries”可观察数组中？

我已经实现了这个功能：

<input type="checkbox" data-bind="checked: active, click: $root.addToActionQueue" />

但我认为另一种方式会是一个更清洁的解决方案，因为我还有其他方式来“标记”条目。

Answer 1

将您的markedEntries 数组转换为computed，该数组返回由您的活动 observable 过滤的列表数组。每次项目的活动状态更改时，它都会更新。

var markedEntries = ko.computed(function() {
   return ko.utils.arrayFilter(this.items(), function(item) {
       return item.active();
   });
});

另外，假设listToShow 是observable array，您应该像这样一次性设置它的值：

function showData(data) { //ajax callback
    var list = [];
    $.each(data, function (key, dmsEntry) {
         list.push(new dmsList(dmsEntry); //adds new dmsEntry in observableArray         
    });
    vm.listToShow(list);
 }