javascript - 如何在 ember.js 中将多个模型处理到模板/路由中

Question

我是 Ember 新手，我想知道处理这种常见情况的最佳实践是什么。

我想在索引页面内显示一个用于创建某些模型的表单，然后显示 4 个节点，其中包含有关该模型存储的最后 4 个的很少信息。

所以，我的第一个想法是这样的:

app/index/template.hbs(我正在使用 pod)

...
<div> 
   {{form-creator-component o=model}}}
</div>
<div>
   <h3>Last 4</h3>
   {{#each model2 as |element| }}
      {{litle-info o=element }}
   {{\each}}
</div>
.....

但是为了做到这一点，我需要在同一个模板(和路线)中有两个模型，这看起来有点奇怪，我在文档和指南中都没有看到过。所以，我认为我做错了事:)

提前致谢。

Answer 1

如果您需要来自单个模型 Hook 的两组不同的异步数据，最好的方法是使用 Ember.RSVP.hash。

这将等待多个 Promise，然后解析为一个对象。

例如，如果您有需要加载的博客和评论，您的路线将如下所示:

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    return Ember.RSVP.hash({
      blogs: this.store.findAll(`blog`),
      comments: this.store.findAll(`comment`),
    });
  }
});

然后在您的模板中，您可以将此数据用作 model.blogs 和 model.comments。