javascript - 1 つのルートで複数のソースからデータを取り込む / 引き出す

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}}

これに関する追加の読み物は、ここにあります。