EmberJS：从服务器填充常见视图

Question

我是初学者使用EmberJS而我正试图玩它。 我和Ember AppKit合作。

我有一个页面localhost:8000/#/home。 在我的全局application.hbs中，我有多个视图：标题，导航，页脚和中间的{{outlet}}以加载当前页面。

application.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'
});

模型/ home.js

var attr = DS.attr,

export default DS.Model.extend({
   //My model
});

（上面只是一个例子）

但是现在我正在寻找一种方法来从服务器填充我的常见视图的内容。它们不是页面，因此它们不需要路线。我不想访问localhost:8000/#/header

虽然我的内容在localhost:8000/api/content/header的API上可用 你有什么想法我应该遵循这样做的方法吗？ 我想使用$ .getJSON直接在控制器内打电话，但我不确定这是最好的方法...

由于

Answer 1

一种方法是将内容加载到归属路由的setupController钩子中的头控制器等。我想您也可以在HeaderController#init挂钩中加载内容。