如何在父路由中重新加载子路由的模型？

Question

我有一个嵌套路由（见下文）。

this.route('home', {
    path: '/'
}, function() {
    this.route('foo', {
        path: '/foo'
    });
    this.route('bar', {
        path: '/bar'
    });
});

foo 路由模型返回一个集合（数组）。

在父路由home 中，我定义了一个名为reloadModel 的函数。

我尝试从控制器重新加载模型但失败（产生未定义的函数错误，controller.get(...).refresh is not a function 或 controller.get(...).reload is not a function）。

    reloadModel() {
        const controller = this.controllerFor('home/a');
        controller.get('model').reload();
    },

我想从父路由重新加载子路由的模型；但是，我现在知道我可以获得子路由吗？

我的问题

我如何在路由foo 或bar 从路由home 中refresh 建模？

感谢任何提示。

Answer 1

从父路由刷新子路由的模型通常不是一个好主意，因为它可能一开始就没有被加载。相反，从子节点刷新父节点的模型很好，因为按照设计，加载子路由需要首先加载将加载父模型的父路由。

根据您对此类功能的需求，您似乎将自己置于一个艰难的境地，可能应该考虑为什么我的设计需要我这样做，而不是如何我能做到。

无论如何，您可以使用的方法是在父 home 路由中调用您在子模型路由中调用的相同功能。

如果例如路由 a 有：

model() {
  return this.store.findRecord('a');
}

你会在home做类似的事情：

reloadModel() {
  this.store.findRecord('a', { reload: true }); // skip the cache and make the request
}