Ember /从一个路径中的多个源中提取数据

时间:2015-04-01 22:15:52

标签: javascript ember.js wp-api

我正在为项目使用最新的Ember.js和WP-API。在大多数页面上,一切都很花哨,但是我试图将不同端点的数据放到同一页面上 - 我迷路了。例如,我拉入页面{{title}},也许还有一些文字作为介绍。然后我想进入"项目"在下面的列表中 - 但我不确定如何将其纳入模型/路线---看起来不像是正确的方向,并且嵌套路线可以切换出来/但不会#39 ;真的是在同一个"页面" / route。

指出我正确的方向? :)

(假设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;
  }

});

1 个答案:

答案 0 :(得分:0)

假设您已经拥有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}}

可以找到关于此的额外阅读here