Ember 路由中多个模型的微调刷新

Question

有一种众所周知的方法可以支持在 Ember 路由中加载多个模型承诺，使用 Ember.RSVP.hash：

// app/routes/posts.js

export default Ember.Route.extend({

  model(params) {
    return Ember.RSVP.hash({
      posts: this.store.findAll('post', params),
      tags: this.store.findAll('tag', params),
    });
  },

});

现在我有一个page 参数，可以批量加载帖子，而不是一次加载并显示它们。但是页面更改不会改变标签。然而，当页面参数发生变化时，整个路由模型再次被触发重新加载，导致应用重新获取新页面的帖子，并重新获取相同的标签。

有没有办法对此进行微调，以便在某些参数更改时不加载标签？

Answer 1

有几种方法可以重构您的代码。就像将标签移出模型一样。或者以不同的方式进行分页（不刷新模型）。我喜欢的是编写一个自定义的 getAll 实用程序。

var cache = {}; // model_name => Promise<[Record]>

function getAll(store, model) {
    if(!store.modelFor(model).cacheable) {
        return store.findAll(model);
    }

    if(!cache[model]) {
        cache[model] = store.findAll(model);
    }

    return cache[model];
}

现在在你的模型中

import { getAll } from 'utils/store';
...
tags: getAll('tag'),