javascript – Knockout计算单个动作多次触发

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Knockout计算单个动作多次触发，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1949字，纯文字阅读大概需要3分钟。

内容图文

我正在解决与我合作但没有构建的软件的淘汰问题.有问题的页面在编辑几乎任何字段时都会执行自动保存.该页面显示多个测试问题,每个测试问题都有相关的响应(答案).自动保存使用脏标志实现,该标志将对象的当前状态与初始状态进行比较.

我看到的症状是,第一次访问页面并添加新问题会导致1个新问题的api调用(这是正确的).如果我导航到另一个页面并返回相同的测试(或不同的测试),则所有api调用都会重复.如果我再次重复同样的事情,则会进行3次调用(完全相同).我的理论是VM / observable中的某些内容在离开页面时没有正确设置.我已经调试了很多,我认为没有多个不同的动作触发保存,但是1动作导致计算函数的触发,每次打开任何测试时触发自动保存.刷新浏览器会导致此隐形计数器重置.

有两个计算函数

self.dirtyQuestions = ko.computed(function() {
  return ko.utils.arrayFilter(self.current.assessmentItems(), function(question) {
    return question.dirtyFlag.isDirty();
  });
}, self).extend({ throttle: 250 });

self.triggerDirtyQuestionSave = ko.computed(function() {
  if (!CONFIG.editing.autoSave) {
    return;
  }
  if (self.dirtyQuestions().length > 0) {
    self.saveQuestions(self.dirtyQuestions(), true);
  }
}, self);

这似乎完全取决于一个可观察的数组

  assessmentItems: ko.observableArray([]),

这是一个与它相关的许多无法控制的对象.如果修改了其中任何一个或推送了新项目,则会在上面的两个计算中触发自动保存.在调试时,我看到这些都在离开和重新访问页面后被多次触发,但是我对可见度监视器中元素修改的所有断点只会触发一次.

我的具体问题是,如何在离开页面后确定页面/ VM / observablearray的某些内容是否会在离开并返回可能解释这些重复触发器的页面时导致累积？该页面有点乱,但也相当复杂,所以我试图避免重写它或删除所有的自动保存功能.

–update

路由表条目

        create: {
      enter: [
        checkForUnsavedChanges,
        function () {
          self.closeOverlay();
      }],
      to: function() {
        assessmentAuthoringVM = new AssessmentAuthoringVM(self);
      },
      exit: function() {
        if (assessmentAuthoringVM) {
          assessmentAuthoringVM.destroy();
        }
      }
    },

解决方法:

在“页面”关闭时运行的函数中,您应该添加调用“dispose”计算的observable：

destroy: function () {
    self.triggerDirtyQuestionSave.dispose();
    self.dirtyQuestions.dispose();
}

内容总结

以上是互联网集市为您收集整理的javascript – Knockout计算单个动作多次触发全部内容，希望文章能够帮你解决javascript – Knockout计算单个动作多次触发所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端