javascript - 使用 donejs 未正确更新计算值

Question

我有一个标准的 donejs 项目，其中包含一个组件和一个模型，它们都是使用默认生成器创建的，如下所示：

donejs add component storyBoard story-board
donejs add supermodel story

我在这里留下了一个示例项目：https ://github.com/riescorp/donejs-promise-iterate

如果您使用donejs develop并转到http://localhost:8080运行此示例，您将看到如下内容：

问题是，每当您更改任何故事的页数（输入框）值时，总和都不会更新其值。我几乎尝试了一切，从承诺到已经解决的承诺，但似乎没有任何效果。

不知何故，当这些值中的任何一个发生变化时，似乎根本没有更新触发器。我也尝试将结果设置为 List ( can.List) 但没有运气。

Answer 1

问题似乎是elem.pages应该的elem.attr("pages")。

这是适用于我的代码版本：

export const ViewModel = Map.extend({
  define: {
    storyPromise: {
      get: function() {
        return Story.getList({});
      }
    },
    stories: {
      get: function(last, resolve) {
        this.attr("storyPromise").then(resolve);
      }
    },
    sum2: {
      get: function() {
        var total = 0;
        if (this.attr('stories') !== undefined) {
          this.attr('stories').each(function(elem) {
            total += parseInt( elem.attr("pages") );
          });
        }
        return total;
      }
    }
  }
});

您必须使用.attr，否则sum2不知道pages属性何时更改。