Ko.computed功能更新两次

Question

由于数据通过AJAX加载，我需要在数据到达时更新数据。

在页面加载时，我收集数据库中的项目。然后根据所选项目（self.SelectedProject）加载任务和标签的数据。

self.Projects = ko.observableArray(); 
self.Tasks = ko.observableArray(); 
self.Tags = ko.observableArray(); 
self.SelectedProject = ko.observable(); // Chosen Project-object... 

有关初始化我加载的第一个项目数据：

self.SelectedProject(self.Projects()[0]);   // Choose first returned Project... 

然后我去填充我的标签 - 帮助阵列：

ko.computed(function() { 
    // must be ko.computed as else will not update when data arrives for Tags and Tasks (which are likely to be empty at load time)... 

    // Empty projectAvailableTags before refill... 
    self.SelectedProject().projectAvailableTags([]); 

    // First populate current project's "projectAvailableTags"-array with values... 
    for (var j = 0, jlen = self.Tags().length; j < jlen; j++) { 
     self.SelectedProject().projectAvailableTags().push(self.Tags()[j].TagName()); 
    } 

    for (var i = 0, ilen = self.Tasks().length; i < ilen; i++) { 
     //---- Populate each TaskTag-array with Tags... 
     for (var j = 0, jlen = self.Tags().length; j < jlen; j++) { 
      if (self.Tags()[j].TagTaskId() === self.Tasks()[i].TaskId) { 
       self.Task()[i].TaskTags.push(self.Tags()[j]); 
       // Populate the different tag-Arrays... 
       var tagtype = self.Tags()[j].TagType; 
       switch (tagtype()) { 
        case 0: self.Tasks()[i].Location().push(self.Tags()[j].TagName()); break; 
        case 1: self.Tasks()[i].Manager().push(self.Tags()[j].TagName()); break; 
        case 2: self.Tasks()[i].Employee().push(self.Tags()[j].TagName()); break; 

       } 
      } 
     } 

    }; 
}); 

这可能看起来很奇怪，也许我我做这个不必要的复杂。 我使用http://aehlke.github.com/tag-it/作为标记管理器，它只需要一个包含TagNames的数组。因此我没有想到如何直接使用Tags（） - 数组，虽然我喜欢这样。

任务在手风琴介绍，我想在内容面板要应用的任务标签，而我用我的项目标签为tagSource为自动完成的功能...

但我不能弄清楚为什么我的标签在ko.computed上应用了2次，除非我没有它重新选择项目。

Answer 1

我认为你有点失去了计算的观察点。计算可观测量与常规函数之间唯一真正的区别在于，您可以将其绑定到计算的可观察值，并在其组件更改时随时自动更新。

的example in the knockout documentation用于计算观测使用/姓，这是一个很好的例子。

基于此，更新自身计算的依赖关系并不是一个好主意。在早期版本的淘汰赛中，这实际上会创建一个无限循环引用。

我假设所计算的运行两次，因为标签和任务都接收新数据，这是触发更新（但是只有一个是因为内置于敲除的保障更新）。

更好的选择是订阅SelectedProject。然后每次可观察到的变化，您都可以重新安装所有阵列。

self.SelectedProject.subscribe(function(newValue) { 
    <load your arrays here> 
});