Jquery EmberJS：从服务器填充公共视图

我是使用EmberJS的初学者，我正在尝试使用它。 我正在使用Ember AppKit

我有一个页面，

localhost:8000/#/home

。 在我的全局应用程序。HBS中，我有多个视图：标题、导航、页脚和中间的{{出口}}以加载当前页。

应用程序。hbs:

{{render 'header'}}
{{render 'navigation'}}
{{outlet}}
{{render 'footer'}}

export default Ember.Route.extend({
    model: function () {
        return this.store.find('home');
    }
});

export default DS.RESTAdapter.extend({
    host: 'http://localhost:8000/api/home'
});

我找到了调用服务器的方法，用型号、路由和适配器填充当前页面

home.hbs

routes/home.js:

{{render 'header'}}
{{render 'navigation'}}
{{outlet}}
{{render 'footer'}}

export default Ember.Route.extend({
    model: function () {
        return this.store.find('home');
    }
});

export default DS.RESTAdapter.extend({
    host: 'http://localhost:8000/api/home'
});

adapters/home.js:

{{render 'header'}}
{{render 'navigation'}}
{{outlet}}
{{render 'footer'}}

export default Ember.Route.extend({
    model: function () {
        return this.store.find('home');
    }
});

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进行调用，但我不确定这是最好的方法

---

感谢

一种方法是将内容加载到主路由的

setupController

hook中的标题控制器等中。我想您也可以使用$.getJSON之类的东西将内容加载到

HeaderController#init

钩子中。

？