应该触发并进行 API 调用的计算属性根本不会触发（Ember 2.8）

Question

我有两个计算属性应该在month 属性更改后触发。但是，其中只有一个会着火，而另一个不会。

classesForMonth 在初始化时触发一次（当month 第一次设置时），之后不再触发。

我认为这可能是由classesForMonth.content 语法引起的，我必须在模板中使用查询 DS 后呈现从 Promise 接收到的对象。

请帮助我走上正轨。

  classesForMonth: function() {
    console.log('hi im querying store') // doesn't fire on month change
    return this.get('store').query('class', {
      month: this.get('month') + 1,
    });
  }.property('month'),

  formattedMonth: function(){
    console.log('hi im formatting month') // does fire on month change
    return moment.months()[this.get('month')]
  }.property('month')

Answer 1

实际上，这个计算属性看起来非常好。我已经构建了一个小twiddle 来表明它正在工作。

可能你的问题是你没有正确消费它。需要注意的几点：

• 计算属性仅在使用时才会执行。如果您在模板中显示或 .get() 显示它，则它不会计算。
• store.query 返回 DS.PromiseArray。
• .content 属性不是 Promise 的默认值。它是DS.PromiseArray 和DS.PromiseObject 独有的私有API。好吧，既然它是私有的，你真的不应该使用它。
• 在计算属性中返回一个普通的 Promise 是不行的。返回 PromiseArray 或 PromiseObjet 即可。
• 如果您有PromiseObject 或PromiseArray，您可以像模板中的普通对象一样使用它。忽略 Promise 的东西。
• store.query 应该返回多条记录。如果您只想要一个，请使用store.queryRecord。

所以基本上如果你只是做类似的事情

{{#each classesForMonth as |class|}}
  ...
{{/each}}

这会起作用的！

Answer 2

由于您是从某个地方进行查询，并且在某些情况下，在计算属性中返回一个 Promise 是不明智的，因此您最好使用observers，如下所示：

classesForMonth: null
changeClasses: Ember.observer('month', function() {
    this.set('classesForMonth', this.get('store').query('class', {
      month: this.get('month') + 1,
    }));

    // or maybe better to avoid calling `.content` in you template
    this.get('store').query('class', {
      month: this.get('month') + 1,
    })).then(classes => this.set('classesForMonth', classes));
})