私は EmberJS を使用する初心者で、いじってみようとしています。私は Ember AppKit を使用しています。
のページがありますlocalhost:8000/#/home
。私のグローバルな application.hbs には、複数のビューがあります。ヘッダー、ナビゲーション、フッター、および現在のページをロードするための中間の {{outlet}} です。
アプリケーション.hbs:
{{render 'header'}}
{{render 'navigation'}}
{{outlet}}
{{render 'footer'}}
サーバーを呼び出して、現在のページhome.hbs
にモデル、ルート、およびアダプターを入力する方法を見つけました。
ルート/home.js:
export default Ember.Route.extend({
model: function () {
return this.store.find('home');
}
});
アダプター/home.js:
export default DS.RESTAdapter.extend({
host: 'http://localhost:8000/api/home'
});
models/home.js
var attr = DS.attr,
export default DS.Model.extend({
//My model
});
(上記は一例です)
しかし今、サーバーからも共通のビューのコンテンツを取り込む方法を探しています。これらはページではないため、ルートは必要ありません。アクセスしたくないlocalhost:8000/#/header
私のコンテンツはAPIで利用できますが、localhost:8000/api/content/header
そのようなことをするために私が従うべきアプローチについて何か考えがありますか? $.getJSON を使用してコントローラー内で直接呼び出しを行うことを考えていましたが、それが最善の方法かどうかはわかりません...
ありがとう