EmberJS: Заполните общие представления с сервера

Я начинаю использовать 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

Хотя мой контент доступен в API с localhost:8000/api/content/header У вас есть представление о подходе, который я должен выполнить, чтобы сделать что-то подобное? Я думал, чтобы позвонить прямо в контроллер, используя $.getJSON, но я не уверен, что лучший способ сделать...

благодаря