javascript - Ember / 在一条路线中从多个来源提取数据

Question

我正在为一个项目使用最新的 Ember.js 和 WP-API。大多数页面上的一切都很花哨，但是我试图将来自不同端点的数据放到同一页面上——我迷路了。例如，我拉入页面 {{title}}，也许还有一些文字作为介绍。然后我想在下面的列表中拉入“项目”-但我不确定如何将其放入模型/路线中 --- 视图似乎不是正确的方向，嵌套路线可以切换东西out / 但不会真的在同一个“页面”/路线中。

指出我正确的方向？:)

（假设 ic.ajax 和 Ember 等都是导入的 CLI 样式）

var siteUrl = 'http://some-site.com/wp-json';

export default Ember.Route.extend({

  model: function() {

    var simplePageData = ajax({
      url: siteUrl + '/pages/landing',
      type: 'GET'
    });

    console.log(simplePageData);
    return simplePageData;
  }

});

Answer 1

假设您已经有一个projects控制器/路由，那么在您想要加载项目的控制器中（我们称之为仪表板），您可以使用“需求”，例如

// controllers/dashboard.js
export default Ember.Controller.extend({
  needs: ['projects'],

  projects: Ember.computed.alias('controllers.projects.model'),
});

然后在您的模板中，您可以访问项目：

// templates/dashboard.hbs
{{#each projects as |project|}}
  {{!-- your awesome code for a list of projects here --}}
{{/each}}

可以在此处找到有关此的额外阅读。