Ember простой поддельный сервис не отображается на странице

Я просто пытаюсь получить сервис, настроенный и готовый для REST API. Я просто использую поддельные данные, чтобы проверить, могу ли я потянуть его в контроллер. К сожалению, я не могу отображать информацию.

Я просмотрел эту документацию, но я не могу видеть свое возвращение

У меня есть служба as report.js

export default Ember.Service.extend({
    reports: [100, 96, 92, 74, 65, 64, 42, 21, 20, 19, 10, 4],
});

Тогда у меня есть контроллер report.js

export default Ember.Controller.extend({
    reports: Ember.inject.service('report')
});

Затем в моем файле hbs у меня есть:

<div>
    {{#each reports as |report|}}
    <span>{{report}}</span>
    {{/each}}
</div>

Когда я загружаю страницу, я ничего не вижу, хотя я должен увидеть группу чисел. Если я войду в инспектор ember в хроме, я могу пойти в container > service > reports и я вижу все числа в качестве подкласса службы ember.

Как получить мои номера из службы через контроллер в html-шаблон?