javascript - Ember.js。过滤模型

Question

我有一个包含任务的模型，我想按状态过滤数据并在不同的列表中显示结果。

所以我的结构不能按我想要的方式工作。

    tasks: Ember.computed(function(){
        var modelTasks = this.get('store').findAll('task');

        return {
            todo: modelTasks.filterBy('status', 'todo'),
            inProgress: modelTasks.filterBy('status', 'inprogress'),
            done: modelTasks.filterBy('status', 'done')
        };
    }),

我是新人，请多多包涵。

Answer 1

为什么需要tasks计算属性？findAll 返回 Promise，因此您的代码不正确。异步计算属性有点棘手 - 阅读 this ignite article了解更多信息。

我想说的是，数据获取应该发生在路由级别，因此可以编写相应的路由js文件model钩子(Hook)，

export default Ember.Route.extend({
    model() {
        return this.get('store').findAll('task').then((result) => {
            return {
                todo: result.filterBy('status', 'todo'),
                inProgress: result.filterBy('status', 'inprogress'),
                done: result.filterBy('status', 'done')
            };
        });
    }
});

在相应的hbs文件中，您可以像model.todo一样访问它