EmberJS / Ember-data：尽管存在所有ID

Question

已安装的版本

ember-cli   2.14.2
ember-data  2.14.10

一点观点：

我有一个名为menu的服务，它在计算属性中执行存储查询。其中一个商店查询表现得相当奇怪。它从一个功能齐全的JSON API中获取模型名称product-segment下的所有记录。此模型与名为product的模型具有n-n关系，通过hasMany DS对象引用：

模型/产品segment.js

export default DS.Model.extend({

    products: DS.hasMany('product'),
    // ...
});

模型/ product.js

export default DS.Model.extend({

    productSegments: DS.hasMany('product-segment'),
    // ...
})

问题：

现在，当我获取这些product-segment模型时，我会将API指示为{ include: 'products' }，并且API会按要求执行。该回复包含特定product的15个相关product-segment模型，这是正确的。

（让我们称这个特定的product-segment 段x ，它是我下面所有调试信息的主题）

但是，在任何时候，从任何上下文访问段x 上的关系集合，只会返回12个模型，因此缺少3个模型。我目睹了与其他product-segment模型类似的问题，所以我不认为这是一个特定模型的问题。

更多观点

我最初以为我正在处理某种竞争条件，并确保我创建了一个计算属性 - test - 以找出答案，然后我将{{menu.test}}转储到我的视图中计算出的道具。

这里是services/menu.js

中的最低限度信息

export default Service.extend({

    store: inject(),

    activeProductSegment: null,

    // As a note: this does not trigger an infinite loop
    productSegments: computed('store.product.[]', 'store.product-segment.[]', function() {
        return get(this, 'store').findAll('product-segment', { include: 'products' });
    }),

    test: computed('activeProductSegment', function() {
        let segment = get(this, 'activeProductSegment');

        if (segment) {
            console.log(segment.hasMany('products').ids());
            console.log(get(segment, 'products').mapBy('id'));
        }
    }),
});

通过组件的操作将属性activeProductSegment设置为不同的product-segment模型实例，如下所示：

export default Component.extend({
    menu: inject(), // menu service is injected here...

    actions: {
        setProductSegment(segment) {
            get(this, 'menu').set('activeProductSegment', segment);
        }
    }
});

动作本身按预期工作，实际上与我的问题无关。 activeProductSegment永远不会以任何其他方式更新。视图传递此操作product-segment模型对象：

{{#each menu.productSegments as |segment|}}
    <li {{action 'setProductSegment' segment}}>{{segment.name}}</li>
{{/each}}

麻烦从这里开始

我通过点击相关的menu.activeProductSegment元素将<li>设置为细分x 。

当我现在尝试获取段x 的所有相关product模型时，返回的集合中仅存在15个模型中的12个。为了确保JSON响应非常好（即类型定义等是正确的），我检查了在段x 中注册的product ID的数量。我记录了以下行（以下日志的上下文位于上面的Ember.Service代码段中）：

console.log(segment.hasMany('products').ids());

它返回了一个包含15个正确ID的数组，因此段x 具有所有ID，因为它应该具有。这些id的所有product模型都已包含在响应中，因此我认为某种异步数据应该没有问题。不过，下面一行给了我一个12个id的数组：

console.log(get(segment, 'products').mapBy('id'));

我尝试将2个日志放入2秒setTimeout，但结果保持不变：

我开始认为这是一个错误，因为我注意到第一次id没有模型时，第一次下一个ID低于前一个ID。< / p>

上述更新我在回复中尝试了不同的顺序，并注意第二个和第三个ID："7", "6"。猜猜这不是问题：

除非我误解，否则模型应该 live ，因此任何关系都应该在数据可用时更新。我认为这不太可能与格式错误的数据有任何关系。

hasMany关系集合中缺少模型的原因可能是什么，尽管事实上所有必要的ID都在hasMany关系对象上正确注册，并且我们不需要此时等待到达任何异步/网络数据？什么可能是解决问题的合适方法？

Answer 1

我知道它似乎与异步问题无关，但我仍然会尝试将hasMany定义为不同步：

products: DS.hasMany('product', {async: true}),